当前位置： 移动技术网 > IT编程>网页制作>HTML > 【前端】Layui 数据表格实现多选 ，批量 删除功能 for 前端

【前端】Layui 数据表格实现多选 ，批量 删除功能 for 前端

2020年07月14日  | 移动技术网IT编程  | 我要评论

⚠️注意：以下操作已经获取行数据

var obj = checkStatus.data;
 console.log(obj);//获取当前行数据
 
if (obj.length > 0)
     {
         layer.confirm('确定删除吗？',{icon:3, title:'提示信息'}, function (index) {
             $("div.layui-table-body table tbody input[name='layTableCheckbox']:checked").each(function () {
             n = $(this).parents("tbody tr").index(); 
             $("div.layui-table-body table tbody ").find("tr:eq(" + n + ")").remove();
             $("div.layui-table-header table thead div.layui-unselect.layui-form-checkbox").removeClass("layui-form-checked");
           });
            layer.close(index);
            ayer.msg('已删除');
           });
       } else
           {
              layer.msg("请选择需要删除的数据")
           }

本文地址：https://blog.csdn.net/qq_39288961/article/details/107280800

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网