微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Onchange 不适用于下一页数据表

如何解决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();
            }
        });
    });
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。