在layui中,可以通過監聽表格的checkbox選擇框的change事件來獲取表格選中的數據。具體步驟如下:
下面是一個示例代碼:
HTML代碼:
<table class="layui-table">
<thead>
<tr>
<th><input type="checkbox" lay-filter="check" /></th>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" lay-filter="check" /></td>
<td>張三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td><input type="checkbox" lay-filter="check" /></td>
<td>李四</td>
<td>22</td>
<td>女</td>
</tr>
</tbody>
</table>
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 = checkStatus.data; // 獲取選中的數據
console.log(data);
});
});
在上述代碼中,當選擇框的狀態發生改變時,會觸發change事件的回調函數。在回調函數中,通過table.checkStatus方法獲取表格選中的數據,并將其輸出到控制臺上。