Jquery，如何获取复选框未选中的事件和复选框值

Jquery, How get checkbox unchecked event and checkbox value?

本文关键字：复选框 事件 何获取 获取 Jquery      更新时间：2023-09-26

我想使用 jQuery 获取checkbox值何时取消选中复选框并在弹出窗口中显示该未选中的值。我尝试了下面的代码，但它不起作用

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

是否可以以这种方式获得未经检查的值？

您的选择器只会将事件附加到在开头选择的元素。您需要确定更改值时的检查未选中状态：

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

工作演示

您应该在单击或更改时检查条件。我希望我的例子能帮助你。

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

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