如何使用jQuery检测页面上任何复选框上的click事件？

Question

如何使用checkbox检测网页上任何jQuery上的点击事件？另请注意，在页面加载时，可能是/未创建复选框，但可以根据请求创建。所以HTML DOM将以这种方式更新。

Answer 1

$(":checkbox").on("click", function(){

// your work

} );

另见 bind

<强> delegate

<强> live

参考 On

Answer 2

试试这个

$( document ).on( "click", "input[type='checkbox']", function() {
  alert( "check box clicked" );
});

Answer 3

$(":checkbox").on("click", function(){

// ALL YOUR STUFF

} )

Answer 4

只需创建一个函数checkboxClick()作为 -

function checkboxClick() {
    // ---
    // your code goes here
    // ...
}

现在为每个复选框（即使动态添加它们）添加属性onclick，如

<input type="checkbox" onclick="javascript:checkboxClick();" class="checkbox" />

注意：由于javascript适用于现有的dom元素，即使您执行jQuery(".checkbox").click(function() {...});之类的操作，它也无法使用动态添加的元素