LayUI表格批量删除方法

 更新时间:2018年08月15日 09:52:42   作者:KunQian_smile  
今天小编就为大家分享一篇LayUI表格批量删除方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

一:监听复选框事件

var checkedArr=[];

table.on('checkbox(demo)', function(obj){
if (obj.type=='all') 

return;
if (obj.checked){
checkedArr.push(obj.data.LAY_TABLE_INDEX);

                    //checkedArr[obj.data.id] = obj.data.LAY_TABLE_INDEX

}
else{
delete checkedArr[obj.data.LAY_TABLE_INDEX];

                    //delete checkedArr[obj.data.id];

}
});



var checkStatus = table.checkStatus('orderTest'),
data = checkStatus.data;


if (checkStatus.isAll){

  for (var i=0; i<data.length ; i++){

                checkedArr.push[i];

//checkedArr[data[i].id]=i;
  }
}

for (var j=0; j<checkedArr.length ; j++){
// $(".layui-table-view .layui-table tbody tr[data-index="+checkedArr[j]+"]").remove();

               

}

      $.each(checkedArr, function(k){
    $(".layui-table-view .layui-table tbody tr[data-index="+checkedArr[k]+"]").remove();
});

以上这篇LayUI表格批量删除方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • layui中table表头样式修改方法

    layui中table表头样式修改方法

    今天小编就为大家分享一篇layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 原生js实现简易计算器

    原生js实现简易计算器

    这篇文章主要为大家详细介绍了原生js实现简易计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Webpack4.x的四个核心概念介绍

    Webpack4.x的四个核心概念介绍

    这篇文章介绍了Webpack4.x的四个核心概念介绍,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JavaScript判断一个URL链接是否有效的实现方法

    JavaScript判断一个URL链接是否有效的实现方法

    如何用javascript来判断请求的url/链接有效(可连接,可用)?需要的朋友可以参考下。
    2011-10-10
  • JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)

    JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)

    随着移动互联网的不断普及,企业的网络宣传不仅只局限在PC端,还要在移动端发展。我们在自己的网站做了WAP手机完整之后,如果有用户通过手机访问我们的企业顶级域名网站,就要判断跳转到专为的WAP网站,下面小编给大家整理有关手机浏览器跳转WAP手机网站的相关内容
    2015-08-08
  • JavaScript实现cookie的写入、读取、删除功能

    JavaScript实现cookie的写入、读取、删除功能

    cookie 是存在有效期的,在默认情况下,一个 cookie 的生命周期就是在浏览器关闭的时候结束,本文给大家介绍关于javascript对于cookie的简单操作,比如对于cookie的写入和删除,代码简单易懂,需要的朋友参考下
    2015-11-11
  • 微信小程序开发之toast等弹框提示使用教程

    微信小程序开发之toast等弹框提示使用教程

    弹框提示是我们在开发中经常用的一个效果,下面这篇文章主要给大家介绍了微信小程序开发之toast等弹框提示实现的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • uniapp如何使用uv-popup弹出框隐藏底部导航tabbar

    uniapp如何使用uv-popup弹出框隐藏底部导航tabbar

    文章介绍了如何在uniapp中使用uv-popup组件隐藏底部导航的tabbar,并提供了隐藏前和隐藏后的代码示例,感兴趣的朋友一起看看吧
    2025-02-02
  • JS中将blob返回值转换为json格式的问题小结

    JS中将blob返回值转换为json格式的问题小结

    这篇文章主要介绍了JS中如何将blob返回值转换为json格式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 编写兼容IE和FireFox的脚本

    编写兼容IE和FireFox的脚本

    编写兼容IE和FireFox的脚本确定的件很烦人的事,今日又经历了一次。
    2009-05-05

最新评论