如何在Jquery中选中复选框时收听

我需要知道何时选中页面上的任何复选框：

例如

<input type="checkbox">

我在jQuery中尝试过

$('input type=["checkbox"]').change(function(){
alert('changed');
});

但这没用，有什么主意吗？

使用change()事件和is()测试：

$('input:checkbox').change(
    function(){
        if ($(this).is(':checked')) {
            alert('checked');
        }
    });

我将以上内容更新为以下内容，因为我愚蠢地依赖jQuery（位于中if），而DOM属性同样合适，并且使用起来也更便宜。为了使选择器能够在支持它的那些浏览器中传递给DOM的document.querySelectorAll()方法，还对其进行了更改：

$('input[type=checkbox]').change(
    function(){
        if (this.checked) {
            alert('checked');
        }
    });

为了完善起见，在普通的JavaScript中也可以轻松实现相同的操作：

var checkboxes = document.querySelectorAll('input[type=checkbox]'),
    checkboxArray = Array.from( checkboxes );

function confirmCheck() {
  if (this.checked) {
    alert('checked');
  }
}

checkboxArray.forEach(function(checkbox) {
  checkbox.addEventListener('change', confirmCheck);
});

参考文献：

• JavaScript：
  • Array.from()。
  • Array.prototype.forEach()。
  • document.querySelectorAll()。
  • EventTarget.addEventListener()。
• jQuery的：
  • :checked。
  • change()。
  • is()。

$('input:checkbox').live('change', function(){
    if($(this).is(':checked')){
        alert('checked');
    } else {
        alert('un-checked');
    }
});

jsfiddle：http : //jsfiddle.net/7Zg3x/1/

$('input:checkbox').change(function(){
    if($(this).is(':checked')){
        alert('Checked');
    }
});

这是一个演示

尝试这个

$('input:checkbox').change(function(){
   if(this.checked)
      alert('checked');
   else
      alert('not checked');
});

如果您想使用.on这个作品

 jQuery('input[type=checkbox]').on('change', function() {
   if (this.checked) {
     console.log('checked');
   }
 });

$("input:checkbox").change(function(){

alert($(this).val());

});

这是小提琴http://jsfiddle.net/SXph5/

jquery change

$("input[type='checkbox']").click(function(){
    alert("checked"); 
});

只要正常.click就行。