如何在jquery datatable中获取多个复选框选中的值

在jQuery DataTable中获取多个复选框选中的值，可以通过以下步骤实现：

首先，确保你已经引入了jQuery和jQuery DataTable的库文件。
在HTML中创建一个表格，并在表格中添加一个复选框列。每个复选框都应该有一个唯一的值，以便在选中时能够识别。

<table id="myTable">
  <thead>
    <tr>
      <th></th>
      <th>Name</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox" value="1"></td>
      <td>John Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td><input type="checkbox" value="2"></td>
      <td>Jane Smith</td>
      <td>jane@example.com</td>
    </tr>
    <tr>
      <td><input type="checkbox" value="3"></td>
      <td>Bob Johnson</td>
      <td>bob@example.com</td>
    </tr>
  </tbody>
</table>

初始化DataTable，并启用复选框列的选择功能。

$(document).ready(function() {
  $('#myTable').DataTable({
    columnDefs: [{
      orderable: false,
      className: 'select-checkbox',
      targets: 0
    }],
    select: {
      style: 'multi',
      selector: 'td:first-child'
    },
    order: [[1, 'asc']]
  });
});

创建一个按钮或其他触发事件的元素，当点击时获取选中的复选框的值。

<button id="getSelectedValues">Get Selected Values</button>

使用jQuery的事件处理函数，在按钮点击时获取选中的复选框的值，并进行相应的处理。

$(document).on('click', '#getSelectedValues', function() {
  var selectedValues = [];
  $('#myTable').DataTable().rows({ selected: true }).every(function() {
    selectedValues.push(this.data()[0]);
  });
  console.log(selectedValues);
});

在上述代码中，我们首先创建一个空数组selectedValues来存储选中的复选框的值。然后，使用DataTable().rows({ selected: true })方法获取选中的行，并使用every()方法遍历每一行。在遍历的过程中，我们使用this.data()[0]获取每一行的第一个单元格的值（即复选框的值），并将其添加到selectedValues数组中。最后，我们通过console.log(selectedValues)将选中的复选框的值打印到控制台。

这样，当点击"Get Selected Values"按钮时，就会获取到选中的复选框的值，并将其打印到控制台。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。