layui表格实现多选表格行批量删除

话不多说,直接上代码
首先这种方法要用layui数据表格中的“开启表格头部工具栏区域”功能,HTML代码如下
layui表格实现多选表格行批量删除

js代码如下(layui渲染表格)
layui表格实现多选表格行批量删除
删除所选js方法
layui表格实现多选表格行批量删除
说一下整体思路:首先一个很普通的渲染表格,只是在表头中需要放一个隐藏列,用来存储ID。然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行,接着通过循环选中行的长度,将该行的ID字段一个个添加到数组中,这样就获取到了需要删除多行的ID值了。

全程图片,完整过程!如不懂,可私聊作者