JQuery, Как получить флажок checkbox unchecked event и флажок?

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

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

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

Ответ 1

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

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

Рабочая демонстрация

Ответ 2

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

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

Ответ 3

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