JQuery, Как установить флажок флажка флажка и значение флажка?

Question

Я хочу получить значение checkbox с помощью jQuery, когда снимите отметку с установленного флажка и покажите это всплывающее значение. Я пробовал под кодом, но он не работает

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

Возможно ли получить неконтролируемое значение таким образом?

Answer 1

Ваш селектор присоединяет событие только к элементу, выбранному в начале. Вы должны определить, проверить состояние неконтролируемой, когда значение изменяется:

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

Вы должны проверить состояние по щелчку или изменения. Надеюсь, что мой пример поможет вам.

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