Question

我使用datatable.js进行分页：

当我选中表格行中的复选框时，我必须显示表格旁边的锁定/删除按钮。为此，我已完成jQuery代码：

 $(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();
        }
    });
 });

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

第二，第三......页面checkbox点击事件也未被触发。

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

Answer 1

为您的checkbox分配一个类 chkClassName ，并将您的代码更改为如下所示：

 $('#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();
        }
    });

Answer 2

尝试数据表页面事件

中的单击处理程序

$('#example').on( 'page.dt', function () { //your click handler is here });

参考链接enter link description here

复选框无法使用datatable.js分页的第二页

2 个答案: