使用Bootstrap 3选项卡上的复选框

Question

使用Bootstrap 3和jQuery，我有一个类似这样的复选框

 var eachrow = "<tr>" + "<td align='center'><input type='checkbox' class='case' name='case[]' value='1' type='checkbox'></td>"

 + "<td>Test</td>" + "</tr>";


 $('#compValues').append(eachrow);

$("input:checkbox[name='case[]']").change(function(){
    if($(this).is(':checked')){

      alert("I am checked");
    }
    else{
         alert("I am Unchecked");
        }
});

现在可以选中该复选框（选中或未选中，但是.change（）函数不执行任何操作！没有错误或其他错误。为什么会发生这种情况？

Answer 1

要将事件处理程序附加到动态创建的元素上，可以使用委托事件http://api.jquery.com/on/