web-dev-qa-db-ja.com

JQuery、チェックボックス未チェックイベントとチェックボックス値を取得するにはどうすればよいですか？

チェックボックスをオフにし、ポップアップでその未チェック値を表示するとき、jQueryを使用してcheckbox値を取得したい。私はコードの下で試しましたが、うまくいきません

$("#countries input:checkbox:not(:checked)").click(function(){
    var val = $(this).val();
    alert('uncheckd' + val);
});

この方法で未チェックの値を取得することは可能ですか？

javascriptjqueryhtmlcheckbox
20
Miuranga

セレクタは、最初に選択された要素にのみイベントを添付します。値が変更されたときに、チェックされていない状態を確認する必要があります。

$("#countries input:checkbox").change(function() {
    var ischecked= $(this).is(':checked');
    if(!ischecked)
    alert('uncheckd ' + $(this).val());
});

Working Demo

42
Milind Anantwar

クリックまたは変更時に条件を確認する必要があります。私の例がお役に立てば幸いです。

    $("input:checkbox.country").click(function() {
        if(!$(this).is(":checked"))
        alert('you are unchecked ' + $(this).val());
    }); 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <input class="country" type="checkbox" name="country1" value="India" /> India </br>
    <input class="country" type="checkbox" name="country1" value="Russia" /> Russia <br>
    <input class="country" type="checkbox" name="country1" value="USA" /> USA <br>
    <input class="country" type="checkbox" name="country1" value="UK" /> UK
11
Senthil
 $("#countries input:checkbox").on('change',function()
 {
   if(!$(this).is(':checked'))
      alert('uncheckd ' + $(this).val());
 });
8
Prateek