尝试这种“html方法”，它适用于小型JS项目

函数msg(animal,is) { console.log(动物,is.checked);//做事情 ｝ <input type="checkbox" oninput="msg('dog'， this)"你养狗吗?< br > <input type="checkbox" oninput="msg('frog'，this)"你有一只青蛙吗?< br > .．.

绑定到更改事件，而不是单击。然而，你可能仍然需要检查复选框是否被选中:

$(".checkbox").change(function() {
    if(this.checked) {
        //Do stuff
    }
});

与单击事件相比，绑定到更改事件的主要好处是，并不是所有对复选框的单击都会导致它改变状态。如果您只想捕获导致复选框更改状态的事件，则需要名称恰当的更改事件。在评论中编辑

还要注意，我使用了这个。而不是将元素包装在jQuery对象中并使用jQuery方法，因为直接访问DOM元素的属性更短、更快。

编辑(见评论)

要获得所有复选框，您有两个选项。你可以使用:复选框伪选择器:

$(":checkbox")

或者你可以使用属性=选择器:

$("input[type='checkbox']")

很简单，这是我使用的方法:

JQuery:

$(document).on('change', '[name="nameOfCheckboxes[]"]', function() {
    var checkbox = $(this), // Selected or current checkbox
        value = checkbox.val(); // Value of checkbox

    if (checkbox.is(':checked'))
    {
        console.log('checked');
    }else
    {
        console.log('not checked');
    }
});

的问候!

尝试这种“html方法”，它适用于小型JS项目

函数msg(animal,is) { console.log(动物,is.checked);//做事情 ｝ <input type="checkbox" oninput="msg('dog'， this)"你养狗吗?< br > <input type="checkbox" oninput="msg('frog'，this)"你有一只青蛙吗?< br > .．.

关键是:使用prop而不是attr来查询已检查的状态，例如:

jQuery('#my_check_tag').prop('checked') //返回正确的状态 jQuery('#my_check_tag').attr('checked') //总是返回undefined

如果您的意图是仅在选中的复选框上附加事件(因此当它们未选中并稍后再次选中时，它将触发)，那么这就是您想要的。

$(function() {
    $("input[type='checkbox']:checked").change(function() {

    })
})

如果您打算将事件附加到所有复选框(已选中和未选中)

$(function() {
    $("input[type='checkbox']").change(function() {

    })
})

如果你想让它只在被检查(从未检查)时发射，那么@James Allardice回答上面的问题。

BTW input[type='checkbox']:checked是CSS选择器。