在表重新加载JQuery之后，选择所有复选框不再起作用

Question

我有一个包含某些产品的表格，在每个产品附近我都有一个复选框，其中包含产品ID的值。在页面顶部，我有一个Select All复选框，使用以下jquery函数选择/取消选中所有其他复选框：

$("#selectall").change(function(){
    $(".check").prop('checked', $(this).prop("checked"));
});

无论如何，我有一个＆＃34;删除已选中＆＃34;从我的表中删除已检查产品的按钮。此按钮使用：

仅在ajax函数中刷新我的表而不是整个页面

$("#prodTable").load( "../product #prodTable" );

我的问题是刷新表后，＆＃34;全选＆＃34;复选框不再有效。

Answer 1

$("#selectall").change(function(){
    $(".check").prop('checked', $(this).prop("checked"));
});

将上面的代码放在刷新表之后，因为它将该事件分配给动态添加的复选框。

Answer 2

您需要使用事件委派将事件附加到动态添加的dom：

$("#prodTable").on('change','#selectall',function(){
 $(".check").prop('checked', $(this).prop("checked"));
});