jQuery不适用于新的克隆元素[重复]

Question

我想问你一个关于 jQuery 代码的问题，当我尝试在由 jQuery 克隆的新单选框上使用更改 jQuery 事件时出现问题。

确实，它只对第一个单选框元素起作用，而另一个没有，所以你能帮我解决这个问题吗？

这里是代码：

[http://jsfiddle.net/samphors/wg6fj6r5/][1]

感谢您的考虑。

Answer 1

您需要使用event delegation。

事件委托允许我们将单个事件侦听器附加到父元素，该事件侦听器将为匹配选择器的所有后代触发，无论这些后代现在存在还是将来添加。

 $("body").on('change',"input[name='quiz_item_correct\\[\\]']",
        function(){
            if ($(this).is(':checked')) {   
               alert("check");
            }
        });

Demo