欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-02 11:09:39
话不多说,直接上代码首先这种方法要用layui数据表格中的“开启表格头部工具栏区域”功能,HTML代码如下js代码如下(layui渲染表格)删除所选js方法说一下整体思路:首先一个很普通的渲染表格,只是在表头中需要放一个隐藏列,用来存储ID。然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行,接着通过循环选中行的长度,将该行的ID字段一个个添加到数组中,这样就获取到了需要删除多行的ID值了。全程图片,完整过程!如不懂,可私聊作者......

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

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

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

本文地址:https://blog.csdn.net/weixin_47316183/article/details/109016277

相关标签: jQuery js