动态添加内容不带警报功能

Question

动态添加内容未采取警报功能。我尝试了很多方法来完成这项工作，但我无法做到这一点。我正在分享小提琴。

注意：在编辑时请拨打新小提琴。

提前感谢。

`http://jsfiddle.net/kc5aa/2/`

Answer 1

您只需使用.on()为动态生成的元素绑定事件。这也适用于普通元素。

将复选框的点击事件绑定更改为以下代码：

 $('.container').on("click",'.checkBox',function () {
        if ($('.checkBox').is(':checked')) {
            alert($(this).val())
        }
    });

<强> Working JSFiddle Demo

有关动态元素的使用.on()，请参阅this。

Answer 2

working fiddle

  $(document).on('click','.checkBox', function () {
    if ($('.checkBox').is(':checked')) {
        alert($(this).val())
    }
});