[解決済み] チェックボックスのクリック時にチェックされていないことを確認する - jQuery
2023-03-22 01:54:15
質問
チェックボックスをクリックしたときに、チェックが外れたかどうかを確認したいのです。この理由は、私はユーザーがチェックボックスのチェックを外したときに検証を行いたいからです。なぜなら、少なくとも1つのチェックボックスがチェックされている必要があるからです。ですから、もしユーザーが最後の1つのチェックを外したら、自動的に再びチェックされるのです。
jQueryを使えば、チェックされているかどうかを簡単に見つけることができます。
$('#check1').click(function() {
if($(this).is(':checked'))
alert('checked');
else
alert('unchecked');
});
しかし、実際にはチェックボックスがオフになったかどうかをチェックするif文を持ちたいだけなのです。
そこで、次のようなコードでそれを実現しようと思いました。
$('#check2').click(function() {
if($(this).not(':checked'))
alert('unchecked');
else
alert('checked');
});
しかし、これでは常に「unchecked」メッセージが表示されます。私が期待していたものではありませんが...
デモです。 http://jsfiddle.net/tVM5H/
というわけで、最終的には以下のようなものが必要です。
$('#check2').click(function() {
if($(this).not(':checked')) {
// Got unchecked, so something!!!
}
});
しかし、明らかにこれはうまくいきません。というのも、「if」文が一つあればいいところを、不要な「else」文が出来てしまうからです。
まず最初に、これはjQueryのバグなのでしょうか?私にとっては予期しない動作です。そして第二に、どなたか良い代替案があれば教えてください。
どのように解決するには?
これを試してみてください。
if(!$(this).is(':checked'))
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQuery checkbox checked state changed event
-
[解決済み] jQueryは要素のレンダリングされた高さを取得しますか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】チェックボックスがチェックされているかどうかをjQueryで確認する。
-
[解決済み】jQueryで入力不可属性をトグルする。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] クリックボタンでクリップボードにコピー
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] jQuery: outer html() [重複]。
-
[解決済み] jQueryで、ある要素を他の要素に対して相対的に配置するには?
-
[解決済み] jquery input select all on focus
-
[解決済み] jQuery OR Selector?
-
[解決済み] jQueryのn番目の要素を取得する方法
-
[解決済み】jQueryで入力不可属性をトグルする。