jquery datatable :选中复选框行

<table id="myTable">
  <thead>
    <tr>
      <th>复选框</th>
      <th>列1</th>
      <th>列2</th>
      <!-- 更多列... -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox"></td>
      <td>数据1</td>
      <td>数据2</td>
      <!-- 更多列... -->
    </tr>
    <!-- 更多行... -->
  </tbody>
</table>

<script>
  $(document).ready(function() {
    $('#myTable').DataTable();

    // 绑定复选框点击事件
    $('#myTable').on('click', 'input[type="checkbox"]', function() {
      var row = $(this).closest('tr'); // 获取所在行
      if ($(this).is(':checked')) {
        // 复选框被选中
        row.addClass('selected'); // 高亮显示选中行
        // 获取行数据示例
        var data = $('#myTable').DataTable().row(row).data();
        console.log(data);
      } else {
        // 复选框未选中
        row.removeClass('selected'); // 取消高亮显示
      }
    });
  });
</script>