layui表格实现多选表格行批量删除
程序员文章站
2022-07-08 18:08:23
话不多说，直接上代码首先这种方法要用layui数据表格中的“开启表格头部工具栏区域”功能，HTML代码如下js代码如下（layui渲染表格）删除所选js方法说一下整体思路：首先一个很普通的渲染表格，只是在表头中需要放一个隐藏列，用来存储ID。然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行，接着通过循环选中行的长度，将该行的ID字段一个个添加到数组中，这样就获取到了需要删除多行的ID值了。全程图片，完整过程！如不懂，可私聊作者......
话不多说，直接上代码
首先这种方法要用layui数据表格中的“开启表格头部工具栏区域”功能，HTML代码如下
js代码如下（layui渲染表格）
删除所选js方法
说一下整体思路：首先一个很普通的渲染表格，只是在表头中需要放一个隐藏列，用来存储ID。然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行，接着通过循环选中行的长度，将该行的ID字段一个个添加到数组中，这样就获取到了需要删除多行的ID值了。
全程图片，完整过程！如不懂，可私聊作者
本文地址：https://blog.csdn.net/weixin_47316183/article/details/109016277