捕获复选框的已更改事件

Question

如何<input type="checkbox" />使用jQuery 捕获check/uncheck事件？

Answer 1

<input type="checkbox" id="something" />

$("#something").click( function(){
   if( $(this).is(':checked') ) alert("checked");
});

编辑:当复选框由于其他原因而不是单击而更改时,执行此操作将无法捕获,例如使用键盘.为了避免这个问题,请听change而不是click.

要以编程方式检查/取消选中,请查看为什么我的复选框更改事件未触发？

Answer 2

如果我们将一个标签附加到输入复选框,则点击会影响标签？

我认为最好使用.change()函数

<input type="checkbox" id="something" />

$("#something").change( function(){
  alert("state changed");
});

Answer 3

使用:checked选择器确定复选框的状态:

$('input[type=checkbox]').click(function() {
    if($(this).is(':checked')) {
        ...
    } else {
        ...
    }
});

Answer 4

对于JQuery 1.7+使用:

$('input[type=checkbox]').on('change', function() {
  ...
});

Answer 5

此代码满足您的需求：

<input type="checkbox" id="check" >check it</input>

$("#check").change( function(){
   if( $(this).is(':checked') ) {
        alert("checked");
    }else{
        alert("unchecked");
   }
});

另外，您可以在jsfiddle上检查它