1.点击按钮调用批量删除方法
<button type="button" onclick="deleteUsers()">删除</button>
2.放置信息的位置
<form id="userForm">
<table class="table table-bordered">
<thead>
<tr >
<th width="30">#</th>
<th width="30"><input type="checkbox" id="allSelBox"></th>
<th>账号</th>
<th>名称</th>
<th>邮箱地址</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody id="userData" >
</tbody>
<tfoot>
<tr >
<td colspan="6" align="center">
<ul class="pagination">
</ul>
</td>
</tr>
</tfoot>
</table>
</form>
3.点击checkbox后其余全部选中
$("#allSelBox").click(function(){
var flg=this.checked;
$("#userData :checkbox").each(function(){
this.checked=flg;
});
});
如图,点击了最上边的checkbox后下边的都选中了
4.前端选定批量删除数据,传递数据的方法
function deleteUsers(){
var boxes=$("#userData :checked");
if(boxes.length==0){
layer.msg("请选择需要删除的用户信息",{time:2000, icon:5,shift:6},function(){})
}else{
layer.confirm("确定删除选定用户的信息吗?",{icon:3,title:"提示"},function (cindex){
//删除用户信息
$.ajax({
type:"POST",
url :"${APP_PATH}/user/deletes",
data:$("#userForm").serialize(),
success :function(result){
if(result.success){
pageQuery(1);
}else{
layer.msg("用户信息删除失败",{time:2000, icon:5,shift:6},function(){});
}
}
});
layer.close(cindex);
},function(cindex){
layer.close(cindex);
});
}
}
5.controller层
@ResponseBody
@RequestMapping("/deletes")
public Object deletes(Integer[] userid) {
AJAXResult result=new AJAXResult();
try {
Map<String,Object> map=new HashMap<String,Object>();
map.put("userids", userid);
userService.deleteUsers(map);
result.setSuccess(true);
}catch(Exception e) {
e.printStackTrace();
result.setSuccess(false);
}
return result;
}
6.这篇结合我的上一篇笔记 ssm框架实现条件、分页查询更全面一点