中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
洛南县| 平利县| 密山市| 盈江县| 沙河市| 吴桥县| 海原县| 阳朔县| 樟树市| 额敏县| 新宁县| 萍乡市| 洛南县| 阜宁县| 贵港市| 金秀| 汤阴县| 贺兰县| 泰来县| 修武县| 西乡县| 治多县| 交城县| 昌黎县| 抚松县| 安图县| 安国市| 囊谦县| 新化县| 中方县| 东宁县| 和顺县| 礼泉县| 新建县| 澄城县| 上犹县| 邯郸市| 兴海县| 安陆市| 大兴区| 湖口县|