在jQuery DataTable中获取多个复选框选中的值,可以通过以下步骤实现:
<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>
$(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>
$(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)。
领取专属 10元无门槛券
手把手带您无忧上云