javascript - 页面上任何复选框更改的功能

Question

一般来说，我是 JQuery 的新手，我希望在页面上的任何复选框被选中或不选中时激活一个功能。然后它应该检查复选框是否处于“选中”状态。

我不确定如何执行此操作，因为我看到的所有示例都需要复选框的名称才能工作。如果这也是在 Javascript 中，我会很好。

有人有想法么？

score 4 · Accepted Answer

$('input[type="checkbox"]')将选中您页面上的所有复选框。

当您的任何复选框被更改并被选中时，以下将运行一个函数：

$('input[type="checkbox"]').change(function(){
    if($(this).is(':checked')) {//do something}
})

score 1 · Accepted Answer

动态绑定您的复选框以更改事件，并检查它们是否被选中，然后执行您选择的功能。

$(document).on("change", ".chkelement", function(){
   if( $(this).is(":checked") )
   {
      //DO SOMETHING
   }
});

我建议使用“文档”以外的容器，尽可能靠近复选框的位置，但你明白吗？

2 回答 2