layui表格获取选中
时间: 2023-06-29 18:06:40 浏览: 119
layui 监听表格复选框选中值的方法
5星 · 资源好评率100%
在 layui 表格中获取选中行的数据,可以通过监听表格的 checkbox 事件来实现。具体步骤如下:
1. 在表格渲染时,开启复选框功能,并设置 checkbox lay-filter 属性,例如:
```javascript
table.render({
// ... 表格配置项
cols: [[
{type: 'checkbox', fixed: 'left'},
// ... 列定义
]],
// 开启复选框
checkbox: true,
// 设置复选框 lay-filter 属性
layFilter: 'checkboxDemo'
});
```
2. 监听复选框事件,获取选中行的数据,例如:
```javascript
// 监听复选框事件
table.on('checkbox(demo)', function(obj){
var selectedData = table.checkStatus('demo').data;
console.log(selectedData);
});
```
其中,'demo' 是表格的 id 或 lay-filter 值,selectedData 是一个数组,包含了所有选中行的数据。
注意:如果表格分页,只会返回当前页选中行的数据。如果需要获取所有选中行的数据,可以通过自定义分页,或者使用表格接口中的 reload 方法来实现。
阅读全文