<link href="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.js"></script>
<div id="toolbar">
<button id="button" class="btn btn-secondary">checkBy</button>
<button id="button2" class="btn btn-secondary">uncheckBy</button>
</div>
<table
id="table"
data-toggle="table"
data-toolbar="#toolbar"
data-height="460"
data-url="json/data1.json">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="id">ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
<script>
var $table = $('#table')
var $button = $('#button')
var $button2 = $('#button2')
$(function() {
$button.click(function () {
$table.bootstrapTable('checkBy', {field: 'id', values: [1, 2, 3]})
})
$button2.click(function () {
$table.bootstrapTable('uncheckBy', {field: 'id', values: [1, 2, 3]})
})
})
</script>
文章来源:https://www.toymoban.com/news/detail-631132.html
文章来源地址https://www.toymoban.com/news/detail-631132.html
到了这里,关于Bootstrap table check uncheck rows by array of values的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!