使用bootstraptable实现批量删除

 <table class="table table-striped table-bordered table-hover" id="users" data-show-export="true"  data-toggle="table" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-page-size="10" >
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>工号</th>
                                            <th>用户名</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">                                      
                                           <td οnclick="cheBox()"><input type="checkbox" name="check" value="${list.id}"/> </td>
                                            <td>${list.id }</td>
                                            <td>${list.account }</td>
                                    </tr>
                                    </tbody>
 </table>
<a style="text-decoration:none" onClick="delList()" href="javascript:;" class='btn btn-danger' title="批量删除用户">批量删除用户</a>

function delList(){
      var cks=document.getElementsByName("check");
	  var ids="";
	  for(var i=0;i<cks.length;i++){
		 if(cks[i].checked){
		 ids+=cks[i].value+",";
	  }
	  }
	  deleteUser(ids); 
	}
function deleteUser(ids){
			layer.confirm('确认要删除所选用户吗?',function(index){
		$.ajax({
			type: 'POST',
			url: '${domain}/sys/delUserList.action',
			data: {ids : ids},
			success: function(data){
				layer.msg('批量删除成功!',{icon: 1,time:2000});
				setTimeout(function(){
					window.location.reload();
				},2000)
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
	}

controller:

@ResponseBody
    @RequestMapping(value = "/delUserList", method = RequestMethod.POST)  
    public String delUserList(String ids){  
    	String[] ss = ids.split(",");
    	for (String s : ss) { 
    		userService.delUser(Integer.valueOf(s));  //根据ID删除记录
    	  } 
    	return "true";  
    } 



  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zgsdzczh

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值