Javascript jquery切换和数据表

Javascript jquery切换和数据表,javascript,jquery,Javascript,Jquery,我有一个表,其中包含从DB生成的数据,并与Jquery Datatables一起发布。到目前为止,一切顺利 每行都有一个复选框,可以进行切换,以触发对数据库的更新。dataTable第一页(50)上的所有行都运行良好。一旦进入第二页(或使用搜索),代码就不再工作了 表中的HTML代码。ID是增量的,每个输入都是唯一的 <input type="checkbox" id="manual_86"> 我正在努力找出为什么这不能按预期工作。这是因为在加载第2页或进行搜索时会动态创建复选框。

我有一个表,其中包含从DB生成的数据,并与Jquery Datatables一起发布。到目前为止,一切顺利

每行都有一个复选框,可以进行切换,以触发对数据库的更新。dataTable第一页(50)上的所有行都运行良好。一旦进入第二页(或使用搜索),代码就不再工作了

表中的HTML代码。ID是增量的,每个输入都是唯一的

<input type="checkbox" id="manual_86">

我正在努力找出为什么这不能按预期工作。

这是因为在加载第2页或进行搜索时会动态创建复选框。创建侦听器时,复选框不存在

假设复选框包装在静态容器中(不是动态创建的),则可以使用此代码段创建事件侦听器。您只需要用静态容器的选择器替换“staticParent”

$(staticParent).on('click', 'input:checkbox', function(){
    console.log("update");
});
如果您使用的是旧版本的jQuery,那么可以使用
live()
函数

$(staticParent).on('click', 'input:checkbox', function(){
    console.log("update");
});