BootstrapTable如何批量操作多行

转载：https://blog.csdn.net/qq_42149844/article/details/80404211

1、在BootstrapTable初始化表格时，在表格columns加上checkbox：true,这样第一列就是一个复选框。

var $table = $('#table');
	$table
			.bootstrapTable({
				url : "<%=BasePath%>/queryAll.StudentServlet",
				dataType : "json",
				pagination : true, //分页
				pageSize : 5,
				toolbar: '#toolbar',
				search : true, //显示搜索框
				columns : [
						{
							checkbox:true,
						},
						{
							title : 'id',
							field : 'id',
							align : 'center',
							valign : 'middle'
						},

2、通过jquery操作

//获得选中行
var checkedbox= $("#table").bootstrapTable('getSelections'); 
//将选中行数据转成jsonStr
var  jsonStr=JSON.stringify(checkedbox);
//将jsonStr转成jsonObject对象
 
var jsonObject=jQuery.parseJSON(jsonStr);
 
//接着就可以遍历jsonObject数组对象，取出并操作数据

				<script>
					(function(){
						function setArticleH(btnReadmore,posi){
							var winH = $(window).height();
							var articleBox = $("div.article_content");
							var artH = articleBox.height();
							if(artH > winH*posi){
								articleBox.css({
									'height':winH*posi+'px',
									'overflow':'hidden'
								})
								btnReadmore.click(function(){
									if(typeof window.localStorage === "object" && typeof window.csdn.anonymousUserLimit === "object"){
										if(!window.csdn.anonymousUserLimit.judgment()){
											window.csdn.anonymousUserLimit.Jumplogin();
											return false;
										}else if(!currentUserName){
											window.csdn.anonymousUserLimit.updata();
										}
									}
									
									articleBox.removeAttr("style");
									$(this).parent().remove();
								})
							}else{
								btnReadmore.parent().remove();
							}
						}
						var btnReadmore = $("#btn-readmore");
						if(btnReadmore.length>0){
							if(currentUserName){
								setArticleH(btnReadmore,3);
							}else{
								setArticleH(btnReadmore,1.2);
							}
						}
					})()
				</script>
				</article>