javascript - 当 Datatable.js 中的表中有选中的行时，如何启用或禁用按钮？

Question

我的代码在检查表中的某些行时启用按钮，并在未检查任何行时禁用按钮。（datatables.js 定义了分页对吗？）。

我的问题在第一页：它工作正常，当我选中或取消选中任何行时，按钮就像我想要的那样启用和禁用。但是在第 1 页以外的其他页面上，当我选中或取消选中任何行时。按钮上没有发生任何事情。它保持禁用状态。我该如何解决？

$(document).ready(function() {
    $('#user-list-departments-selectAll').click(function(e) {
        $('table[id=dataTable]').find('td input:checkbox').prop('checked', this.checked);
        var countchecked = $("#dataTable input[type=checkbox]:checked").length;
        if (countchecked > 0) {
            $('button[id=btn-manage-privillege]').attr("disabled", false);
            $('button[id=btn-manage-account]').attr("disabled", false);
        } else {
            $('button[id=btn-manage-privillege]').attr("disabled", true);
            $('button[id=btn-manage-account]').attr("disabled", true);
        }
    });

    $('table[id=dataTable]').find('td input:checkbox').click(function(e) {
        $('#user-list-departments-selectAll').prop('checked', false);
        var countchecked = $("#dataTable input[type=checkbox]:checked").length;
        if (countchecked > 0) {
            $('button[id=btn-manage-privillege]').attr("disabled", false);
            $('button[id=btn-manage-account]').attr("disabled", false);
        } else {
            $('button[id=btn-manage-privillege]').attr("disabled", true);
            $('button[id=btn-manage-account]').attr("disabled", true);
        }
    });
}
});

标签： javascriptjqueryhtmldatatables