在layui中,可以通过监听表格的checkbox选择框的change事件来获取表格选中的数据。具体步骤如下:
- 给表格的checkbox选择框添加一个lay-filter属性,用于标识该选择框的名称,例如lay-filter=“check”;
- 在JavaScript代码中,通过layui的form模块监听checkbox选择框的change事件;
- 在change事件的回调函数中,可以通过layui的table模块的checkStatus方法获取表格选中的数据。
下面是一个示例代码:
HTML代码:
姓名 | 年龄 | 性别 | |
---|---|---|---|
张三 | 20 | 男 | |
李四 | 22 | 女 |
JavaScript代码:
layui.use(['form', 'table'], function() { var form = layui.form; var table = layui.table; // 监听checkbox选择框的change事件 form.on('checkbox(check)', function(data) { // 获取表格选中的数据 var checkStatus = table.checkStatus('tableId'); // tableId为表格的id var data = https://www.yisu.com/ask/checkStatus.data; // 获取选中的数据>在上述代码中,当选择框的状态发生改变时,会触发change事件的回调函数。在回调函数中,通过table.checkStatus方法获取表格选中的数据,并将其输出到控制台上。