Jquery 复选框不使用datatable.js分页'；第二页

我正在使用

datatable.js

进行分页：

当我选中表格行内的复选框时，我必须显示表格外侧的锁定/删除按钮。为此，我做了以下

jQuery

code:

 $(document).ready(function () {      

    $('#tblID :input[type="checkbox"]').on('click',function () {
        var checkedBoxes = $('#tblID:input[type="checkbox"]:checked').length;

        if (checkedBoxes > 0) {
            alert(checkedBoxes);
            $("#lnkLock").show();
            $("#lnkDelete").show();

        }
        else {
            alert(checkedBoxes);
            $("#lnkLock").hide();
            $("#lnkDelete").hide();
        }
    });
 });

它仅在表的第一页上工作。当我导航到datatable/表的第二页时，它停止工作（按钮（锁定/删除））未显示

在第二、第三…页上，

复选框

单击事件也不会激发

---

如何在其他页面上执行此操作？

请尝试datatable页面事件内部的单击处理程序

$('#example').on( 'page.dt', function () { //your click handler is here }); $（'#示例'）。在（'page.dt'，函数（）{//您的点击处理程序在这里}）；

---

参考链接

将一个类saychkClassName分配给您的

复选框

，并按以下方式稍微更改您的代码：

 $('#tblID').on("change", ".chkClassName", function (event) {
        var checkedBoxes = $('#tblID :input[type="checkbox"]:checked').length;
        if (checkedBoxes > 0) {               
            $("#lnkLock").show();
            $("#lnkDelete").show();
        }
        else {             
            $("#lnkLock").hide();
            $("#lnkDelete").hide();
        }
    });