Jquery, Wie Checkbox unchecked Ereignis und Checkbox-Wert bekommen?

Question

Ich möchte checkbox Wert mit jQuery bekommen, wenn Sie das Kontrollkästchen deaktiviert und zeigen Sie diesen Haken im Popup. Ich habe unten Code versucht, aber es funktioniert nicht

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

Ist es möglich, auf diese Weise unchecked Wert zu bekommen?

Answer 1

Ihr Selektor fügt nur ein Ereignis zu Element hinzu, das am Anfang ausgewählt wurde. Sie müssen nicht markiert Zustand bestimmen zu überprüfen, wenn der Wert geändert wird:

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

Working Demo

Answer 2

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

Answer 3

Sie sollten den Zustand auf Klick- oder Änderung überprüfen. Ich hoffe, dass mein Beispiel Ihnen hilft.

$("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