钉钉小程序实现多选表格

实现钉钉小程序中的多选表格可以考虑以下步骤：

1. 创建表格：使用`<table>`标签创建表格，并设置表头和表格内容。

2. 添加多选框：在表格中添加多选框，可以使用`<input>`标签，并设置`type="checkbox"`属性。

3. 获取选中行：当用户选择多个多选框后，通过JavaScript代码获取被选中的行，可以使用`document.querySelectorAll()`函数，根据多选框的选中状态进行筛选。

4. 处理选中数据：获取选中的行后，可以将选中的数据进行处理，比如将选中的行数据存储到数组中，或者进行其他操作。

下面是一个简单的示例代码：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>选中</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>18</td>
      <td>男</td>
      <td><input type="checkbox"></td>
    </tr>
    <tr>
      <td>李四</td>
      <td>20</td>
      <td>女</td>
      <td><input type="checkbox"></td>
    </tr>
    <tr>
      <td>王五</td>
      <td>22</td>
      <td>男</td>
      <td><input type="checkbox"></td>
    </tr>
  </tbody>
</table>

<script>
  // 获取所有多选框
  const checkboxes = document.querySelectorAll('input[type="checkbox"]');

  // 监听多选框的变化
  checkboxes.forEach(checkbox => {
    checkbox.addEventListener('change', () => {
      // 获取选中的行
      const selectedRows = document.querySelectorAll('input[type="checkbox"]:checked');

      // 处理选中的行数据
      const selectedData = [];
      selectedRows.forEach(row => {
        const rowData = [];
        const cells = row.parentNode.parentNode.cells;
        for (let i = 0; i < cells.length - 1; i++) {
          rowData.push(cells[i].innerHTML);
        }
        selectedData.push(rowData);
      });

      console.log(selectedData);
    });
  });
</script>

在上面的示例代码中，我们使用`querySelectorAll()`函数获取所有多选框，然后使用`forEach()`方法遍历每个多选框，并添加`change`事件监听器。在事件处理函数中，我们通过`querySelectorAll()`函数获取所有选中的行，并使用`forEach()`方法遍历每个选中的行，将行数据存储到数组中。最后，我们将选中的行数据输出到控制台中。