Jquery, Jak uzyskać checkbox niezaznaczone zdarzenia i wartość pola wyboru?

Question

Chcę uzyskać wartość checkbox za pomocą jQuery, kiedy odznaczać zaznaczone pole wyboru i pokazać niezaznaczoną wartość w wyskakującym okienku. Próbowałem poniżej kodu, ale nie działa

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

Czy w ten sposób można uzyskać niezaznaczoną wartość?

Answer 1

Twój selektor będzie dołączał tylko zdarzenie do elementu, który został wybrany na początku. Musisz określić, sprawdzić stan niezaznaczone gdy wartość jest zmieniana:

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

Należy sprawdzić stan na kliknięcie lub zmiany. Mam nadzieję, że mój przykład ci pomoże.

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