91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

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
阳春市| 桓台县| 崇文区| 蒙阴县| 东阿县| 酉阳| 定安县| 吉木乃县| 莱西市| 周至县| 大田县| 巴青县| 尚义县| 柘城县| 金平| 新绛县| 会理县| 枝江市| 临安市| 锦屏县| 白河县| 晴隆县| 马鞍山市| 安化县| 枝江市| 登封市| 太仆寺旗| 鄂托克前旗| 宜良县| 茂名市| 扬中市| 东阿县| 伊宁县| 治县。| 新河县| 定结县| 宜春市| 洛浦县| 大悟县| 同德县| 突泉县|