bootstrapTable 获取选中CheckBox的所有数据

按钮
<button id="btn_print" type="button" class="btn btn-default">
	<span class="glyphicon glyphicon-print" ></span>获取BootstrapTable中CheckBox数据
</button>


向后台请求数据ajax:
$("#btn_print").click(function(){
            		var a= $("#tb_departments").bootstrapTable('getSelections');
            		 if(a.length<=0){
            			 alert("请选中一行")
            		}else{
            			var b=JSON.stringify( a );
            			  var url="${pageContext.request.contextPath}/login/datalist";
            	  		    $.ajax({
            	  		        dataType: "json",
            	  		        traditional:true,//这使json格式的字符不会被转码
            	  		        data: {"datalist":b},
            	  		        type: "post", 
            	  		        url: url,
            	  		        success : function (data) {
            	  		            alert("成功!");
            	  		        },
            	  		        error : function (data){
            	  		            alert(data.responseText);
            	  		        }
            	  		    });
            		} 
            		
            	});






前台发送json格式为:
datalist:[{"0":true,"uid":1,"ustatus":"12","uname":"admin","upwd":"1234"},{"0":true,"uid":2,"ustatus":"12","uname":"liangq","upwd":"liang123"}]
后台获取数据
@RequestMapping("/datalist")
	@ResponseBody
	public boolean listUserTable(@RequestParam("datalist") String list,HttpServletRequest request){
//		String parameter = request.getParameter("list");
		System.out.println("list:"+list);
		JSONArray jsonArray = JSONArray.fromObject(list);
		System.out.println("fromObject"+jsonArray);
		List<Map<String,Object>> mapListJson = (List)jsonArray;
        for (int i = 0; i < mapListJson.size(); i++) {
            Map<String,Object> obj=mapListJson.get(i);
             
            for(Entry<String,Object> entry : obj.entrySet()){
                String strkey1 = entry.getKey();
                Object strval1 = entry.getValue();
                if ("0".equals(strkey1)) {
					
				}else{
					System.out.println("KEY:"+strkey1+"  -->  Value:"+strval1+"\n");
				}
                
            }
        }
		
		
		return true;
	}
获取数据解析后json转map:
KEY:ustatus  -->  Value:12

KEY:uname  -->  Value:admin

KEY:upwd  -->  Value:1234

KEY:uid  -->  Value:2

KEY:ustatus  -->  Value:12

KEY:uname  -->  Value:liangq

KEY:upwd  -->  Value:liang123















  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当你在 Bootstrap Table 中添加复选框列时,可以使用 `getSelections` 方法获取所有选中的行数据,包括复选框列。以下是一个示例: ```html <table id="table" data-toggle="table" data-url="data.json" data-checkbox="true"> <thead> <tr> <th data-field="state" data-checkbox="true"></th> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> <button id="btn">Get selected row</button> ``` 这个示例中,我们在表格中添加了一个复选框列,并在页面中添加了一个按钮。当用户点击按钮时,我们将获取选中的行数据并输出到控制台。 ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); console.log('Selected rows:', selections); }); ``` 这段代码中,我们使用 `getSelections` 方法获取所有选中的行数据,并将其输出到控制台。 注意,复选框列的选中状态并不会影响行数据获取,所以无需特别处理复选框列。如果需要,你可以在行数据中添加一个 `checkbox` 属性,用于标识该行是否被选中。以下是一个示例: ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); for (var i = 0; i < selections.length; i++) { selections[i].checkbox = true; } console.log('Selected rows:', selections); }); ``` 这段代码中,我们遍历选中数据的数组,并为每个行数据添加一个 `checkbox` 属性,用于标识该行是否被选中

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值