jQuery-未为动态创建的元素触发onclick

Question

I have an issue, Jquery onclick not triggered for dynamic created elements. I am using Jquery 1.9 and tried the example with "ON" and "LIVE". But still its not working. can some 1 help me?.

$("input[type=checkbox]").on("click", function (e) {..});

Demo: Fiddle

Answer 1

将事件处理程序更改为

$(document).on("click", "input[type=checkbox]", function (e) {

Answer 2

If you have create and append elements using javascript, you have to set new event handler for that. event handlers set before adding the elements will not work for those elements.

Answer 3

Please add your function into document.ready

$(document).ready(function(){
    $("input[type=checkbox]").on("click", function (e) {..});
})

I think it will help you to solve your issue.

Demo: fidder