layui表格使用复选框批量删除_【Layui】------- layui table 实现删除一行或多行数据...

本文介绍了如何在layui表格中使用复选框实现批量删除功能。通过JavaScript代码展示了删除一行或多行数据的逻辑,包括单击行选中和取消选中的处理,以及无刷新删除的实现方式。
摘要由CSDN通过智能技术生成

1.layui  删除一行 或多行  实例代码;(这个是删除表名的行数据,后台并没有删除,自己去实现很好实现的哟)

var DeleteData = [];

var FilterArray = function (DataIndex) {

DeleteData = filter_array(DeleteData);

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

if (DeleteData[i] == DataIndex) {

delete DeleteData[i];

}

DeleteData = filter_array(DeleteData);

}

return DeleteData;

}

function filter_array(array) {

return array.filter(item => item);

}

//单击行勾选checkbox事件

$(document).on("click", ".layui-table-body table.layui-table tbody tr", function () {

var index = $(this).attr('data-index');

var tableBox = $(this).parents('.layui-table-box');

//存在固定列

if (tableBox.find(".layui-table-fixed.layui-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值