html - 如何使用jQuery检测页面上任何复选框的点击事件？

Question

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

Answer 1

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

// your work

} );

另见绑定

代表

居住

参考开

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() {...});，它也不适用于动态添加的元素

Answer 5

$(document).on('click', ':checkbox', function() {
//your code
});