如何使用jQuery檢測頁面上任何複選框的點擊事件？

Question

如何檢測在使用jQuery的頁面上的任何checkbox上觸發了單擊事件？另請注意，在頁面加載時，可能複選框未被創建，但可以根據請求創建。所以HTML DOM將以這種方式更新。

Answer 1

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

// your work 

}); 

也參見bind

delegate

live

參考On

Answer 2

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

// ALL YOUR STUFF 

}) 

Answer 3

只需創建一個功能checkboxClick()爲 -

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

現在對每一個複選框（甚至當你動態地添加的話）添加屬性onclick像

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

注：由於JavaScript的作品上現有的dom元素，即使你做了類似jQuery(".checkbox").click(function() {...});的工作，它也不會在動態添加的元素上工作

Answer 4

TRy this

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