<link href="https://unpkg.com/[email protected]/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>
<div id="toolbar">
<button id="button" class="btn btn-secondary">checkAll</button>
<button id="button2" class="btn btn-secondary">uncheckAll</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('checkAll')
})
$button2.click(function () {
$table.bootstrapTable('uncheckAll')
})
})
</script>
Bootstrap table check uncheck all
猜你喜欢
转载自blog.csdn.net/wangyue4/article/details/132085597
今日推荐
周排行