console
$(function() {
$('#table').bootstrapTable({
url: 'https://www.easy-mock.com/mock/5ce6627514d12512bdbf8891/user',
totalField:'total',
dataField:'data',
height:'300',
pagination:true,
sidePagination:'server',
clickToSelect: true,
cache: false,
columns: [{
field: 'state',
checkbox: 'true'
},
{
field: 'id',
title: 'ID',
sortable: true
}, {
field: 'createDate',
title: '注册日期',
sortable: true
}, {
field: 'name',
title: '姓名',
sortable: true
},{
field: 'mobile',
title: '手机号'
}, {
field: 'status',
title: '用户状态'
}],
responseHandler: function (res) {
console.log(res.result);
return res.result;
}
});
$('#checkAll').click(function(){
$('#table').bootstrapTable('checkAll')
});
$('#uncheckAll').click(function(){
$('#table').bootstrapTable('uncheckAll')
});
$('#getSelections').click(function(){
alert('选中对象集合: ' + JSON.stringify($('#table').bootstrapTable('getSelections')))
});
})
<hr/>
<a href="#" class="btn btn-default" role="button" id="checkAll">选中全部</a>
<a href="#" class="btn btn-default" role="button" id="uncheckAll">取消全选</a>
<a href="#" class="btn btn-default" role="button" id="getSelections">获取选中</a>
<hr/>
<table id="table"></table>