How can I detect that a click event is fired on any checkbox on a page using jQuery? Please also note that on page load, may be checkbox(s) is/are not created but could be created on request. So HTML DOM will be updated in that fashion.
Add a comment
|
5 Answers
Comments
TRy this
$( document ).on( "click", "input[type='checkbox']", function() {
alert( "check box clicked" );
});
2 Comments
SeanCannon
Binding to the document creates for a bunch of unnecessary event listening. It's why jQuery's
.live() function was phased out.
Smile
You're answer helped in debug. Thanks
$(":checkbox").on("click", function(){
// ALL YOUR STUFF
} )
Comments
Simply create a function checkboxClick() as -
function checkboxClick() {
// ---
// your code goes here
// ...
}
Now for every checkbox (even when you add them dynamically) add attribute onclick like
<input type="checkbox" onclick="javascript:checkboxClick();" class="checkbox" />
Note : Since javascript works on existing dom elements, even if you do something like jQuery(".checkbox").click(function() {...});, it wont work on dynamicically added elements
Comments
$(document).on('click', ':checkbox', function() {
//your code
});
