参考链接：bootstrap Table API 中文版
Bootstrap Table 选中某几行，获取其数据
Ajax传递数组，struts2接收数组
1、首先将复选框搞出来，<table data-single-select="true"> 属性，限制了只能单选。去除以后添加<th data-checkbox="true"></th>就可以添加复选框的功能了。
所以将复选框搞出来以后，就开始将获取到选择的数据值了。
<table id="table" class="base_viewTable" data-toggle="table"
data-locale="zh-CN" data-ajax="tableRequest"
data-side-pagination="server" data-striped="true"
data-single-select="true" data-click-to-select="true"
data-pagination="true" data-pagination-first-text="首页"
data-pagination-pre-text="上一页" data-pagination-next-text="下一页"
data-pagination-last-text="末页">
<thead style="text-align: center;">
<tr>
<th data-checkbox="true"></th><!--复选框-->
<th data-field="id" data-formatter="indexFormatter" data-width="" data-halign="center" data-align="center">序号</th>
<th data-field="alias" data-halign="center" data-align="center">别名</th>
<th data-field="name" data-halign="center" data-align="center">名称</th>
<th data-field="paramter" data-halign="center" data-align="center" data-width="">参数</th>
<th data-field="status" data-formatter="statusFormatter" data-halign="center" data-align="center" data-halign="center" data-width="">状态</th>
<th data-field="updateTime" data-formatter="timeFormatter" data-halign="center" data-align="center" data-width="">时间</th>
<th data-formatter="optFormatter" data-halign="center" data-align="center" data-width="">操作</th>
</tr>
</thead>
</table>
效果图：
其他属性简单使用介绍：
更多其他属性，用的时候直接查看参考https://blog.csdn.net/liushuiziyouliu/article/details/80988458。此网友写的以及很详细了，这里不重复转载了。
<table data-single-select="true"> 属性，限制了只能单选。去除以后添加<th data-checkbox="true"></th>就可以添加复选框的功能了。
<table data-click-to-select="true">属性，单机每一行，可以选中行首的单选框或者复选框哦。
<th data-checkbox="true"></th>属性，复选框。可以进行批量操作哦。默认false不显示checkbox（复选框），设为true则显示，checkbox的每列宽度已固定。
<th data-radio="true"></th>属性，单选框，可以进行单条数据操作。默认false不显示radio（单选按钮），设为true则显示，radio宽度是固定的。
<th data-field="id"></th>属性，是每列的字段名，不是表头所显示的名字，通过这个字段名可以给其赋值，相当于key，表内唯一。
<th data-halign="center"></th>属性，table header（表头）的对齐方式，有：left（靠左）、right（靠右）、center（居中）。
<th data-align="center"></th>属性。每格内数据的对齐方式，有：left（靠左）、right（靠右）、center（居中）。
<th data-width=""></th>属性。每列的宽度。详细参考https://blog.csdn.net/liushuiziyouliu/article/details/80988458。
其他属性，用的时候直接查看参考https://blog.csdn.net/liushuiziyouliu/article/details/80988458。此网友写的以及很详细了，这里不重复转载了。
2、使用js处理获取到的复选框数据，然后使用ajax将数据传递给struts的action。
function selectTen(){
//获取到本页选择的十条数据，使用getSelections即可获得，row是json格式的数据
var getSelectRows = $("#jobTable").bootstrapTable('getSelections', function (row) {
return row;
});
//console.log(getSelectRows);//控制台打印输出，方便观察值
var ids = new Array();//定义js数组用于存放自己所需的值
for(var i=;i<getSelectRows.length;i++){
ids[i] = getSelectRows[i].id;
}
//将表单元素数组或者对象序列化，是.serialize()的核心方法
var params = $.param({'ids' : ids},true);
//console.log(ids);//控制台打印输出，方便观察值
BootstrapDialog.show({
title : '批量操作确认提示',
message : '确定批量操作记录吗?',
buttons : [
{
cssClass : "btn-info",
label : '批量操作',
action : function(dialog) {
$.ajax({
type : 'post',
url : "xxxAction!xxxAllForever.action",
dataType : 'json',
traditional : true,
data : params,//将表单元素数组或者对象序列化的数组值传递到后台。
async : false,
error : function(request, textStatus,
errorThrown) {
fxShowAjaxError(request, textStatus,
errorThrown);
},
success : function(data) {
dialog.close();
$.alert(data.result);
searchJob();
}
});
}
}, {
cssClass : "base_btn-bluecyan",
label : '关闭',
action : function(dialog) {
dialog.close();
}
} ]
});
}
3、由于公司框架还是使用的struts，所以在action里面定义一个private ArrayList<Integer> ids;变量。
Action中List的定义：
通过使用param方法的处理，在action中ids的类型不管是数组还是list都能够正确的接收到这些id了。
ps：一定不要忘了setter方法！ 我习惯性加的setter和getter方法。
private ArrayList<Integer> ids;
public ArrayList<Integer> getIds() {
return ids;
}
public void setIds(ArrayList<Integer> ids) {
this.ids = ids;
} public String xxxAllForever() {
//System.out.println(ids);
String result = null;
if(ids.size() > ) {
for(int i=;i<ids.size();i++) {
result = xxxService.stopxxx(ids.get(i));
}
}
dataMap.put("result", result);
return SUCCESS;
}
待续......
