如何仅在取消选中复选框时显示警报/确认

Question

我有一个asp:CheckBoxList，我想使用jquery在复选框中取消选中时显示警告消息。

   $('.chklist').click(
     function () {
         if ($(this).is(":not(:checked)")) {
             alert(this.id);
         }

     });

但即使检查或取消选中项目，上述代码也始终提供true。因为它是整个列表的id而不是特定的复选框。我不想在回发事件上实现这些内容。

Answer 1

当用户取消选中该复选框时，我做了一些示例。 希望这是你正在寻找的。古德勒克！

$('#check').on('click', function(){
if(!$(this).is(':checked')) {
    // do something if the checkbox is NOT checked
    alert(this.id);
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Check<input type="checkbox" id="check"/>

Answer 2

您应该在CheckBoxList的输入元素上设置click事件处理程序，而不是列表本身。假设CheckBoxList有CssClass="chklist"：

$('.chklist input').click(function () {
    if (!$(this).is(':checked')) {
        alert(this.id);
    }
});

它也适用于您的原始代码：

$('.chklist input').click(function () {
    if ($(this).is(":not(:checked)")) {
        alert(this.id);
    }
});