Onchange 不适用于下一页数据表

问题描述

我在每一行上使用复选框在数据表中执行多条删除记录。我只想在选中任何复选框时显示删除按钮。在第一页上，onchange 正在运行。但是在第二页上，onchange 不起作用。

下面是我的代码：

$(".isdt-selected").on("change",function() {
      $(".isdt-selected").each(function(index,elem) {
        if($(elem).is(':checked')){
          $('#btn-delete-bulk').show();
          return false;
        }else{
          $('#btn-delete-bulk').hide();
        }
      });
    });

解决方法

我用下面的代码解决了它：

"drawCallback": function(settings) {
        $(".isdt-selected").on("change",function() {
          $(".isdt-selected").each(function(index,elem) {
            if($(elem).is(':checked')){
              $('#btn-delete-bulk').show();
              return false;
            }else{
              $('#btn-delete-bulk').hide();
            }
         });
      });

我从这里看到了参考https://datatables.net/reference/option/drawCallback

,

试试这个：

$(document).ready(function(){
    $(".isdt-selected").on("change",function() {
        $(".isdt-selected").each(function(index,elem) {
            if($(elem).is(':checked')){
                $('#btn-delete-bulk').show();
                return false;
            }else{
                $('#btn-delete-bulk').hide();
            }
        });
    });
});