bootstrapTable checkbox 获取选中的一行数据
时间: 2023-08-06 11:09:48 浏览: 339
当你在 Bootstrap Table 中添加复选框列时,可以使用 `getSelections` 方法获取所有选中的行数据,包括复选框列。以下是一个示例:
```html
<table id="table" data-toggle="table" data-url="data.json" data-checkbox="true">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="id">ID</th>
<th data-field="name">Name</th>
<th data-field="price">Price</th>
</tr>
</thead>
</table>
<button id="btn">Get selected row</button>
```
这个示例中,我们在表格中添加了一个复选框列,并在页面中添加了一个按钮。当用户点击按钮时,我们将获取选中的行数据并输出到控制台。
```javascript
$('#btn').click(function() {
var selections = $('#table').bootstrapTable('getSelections');
console.log('Selected rows:', selections);
});
```
这段代码中,我们使用 `getSelections` 方法获取所有选中的行数据,并将其输出到控制台。
注意,复选框列的选中状态并不会影响行数据的获取,所以无需特别处理复选框列。如果需要,你可以在行数据中添加一个 `checkbox` 属性,用于标识该行是否被选中。以下是一个示例:
```javascript
$('#btn').click(function() {
var selections = $('#table').bootstrapTable('getSelections');
for (var i = 0; i < selections.length; i++) {
selections[i].checkbox = true;
}
console.log('Selected rows:', selections);
});
```
这段代码中,我们遍历选中行数据的数组,并为每个行数据添加一个 `checkbox` 属性,用于标识该行是否被选中。