亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

layui怎么獲取表格選中的數據

小億
541
2024-01-13 17:40:14
欄目: 編程語言

在layui中,可以通過監聽表格的checkbox選擇框的change事件來獲取表格選中的數據。具體步驟如下:

  1. 給表格的checkbox選擇框添加一個lay-filter屬性,用于標識該選擇框的名稱,例如lay-filter=“check”;
  2. 在JavaScript代碼中,通過layui的form模塊監聽checkbox選擇框的change事件;
  3. 在change事件的回調函數中,可以通過layui的table模塊的checkStatus方法獲取表格選中的數據。

下面是一個示例代碼:

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方法獲取表格選中的數據,并將其輸出到控制臺上。

0
琼中| 万源市| 台北县| 桑日县| 忻城县| 肃北| 九龙城区| 合阳县| 阳新县| 绍兴市| 长兴县| 宜宾县| 鹰潭市| 龙山县| 昭通市| 临汾市| 寿宁县| 黔西县| 子长县| 若尔盖县| 成安县| 沭阳县| 建宁县| 连州市| 措美县| 邵东县| 通山县| 长乐市| 六安市| 卢龙县| 鄂温| 合水县| 泸溪县| 始兴县| 石狮市| 玛纳斯县| 仁怀市| 安阳县| 伊吾县| 贵州省| 保定市|