//批量删除项目 js方法
function multipleDeleteAtt(){
debugger;
var m = document.getElementsByName("application");
var l = "";
for (var i = 0; i < m.length; i++) {
if (m[i].checked == true) {
if (l == "") {
l = m[i].value;
} else {
l = l + "," + m[i].value;
}
}
}
if (l == "") {
top.$.jBox.tip("请选择删除选项");
} else {
jBox.confirm('确定删除吗', '提示', function (v, h, f) {
if (v === 'ok') {
$.post("${ctx}/contacts/accountBase/deleteAccount",
{
aid : l
}, function(data) {
if (data == "success") {
top.$.jBox.tip("删除成功!","success");
window.location.reload();
} else {
top.$.jBox.tip("删除错误"/>");
}
});
}
});
}
}
function checkAll(obj) {
var bool = obj.checked;
var cs = document.getElementsByName("application");
var csCount = cs.length;
for (var i = 0; i < csCount; i++) {
var checkboxSon = cs[i];
checkboxSon.checked = bool;
}
}
function checkedParent() {
var checkboxParent = document.getElementById("checkboxParent");
var cs = document.getElementsByName("application");
var csCount = cs.length;
var num = 0;
for (var i = 0; i < csCount; i++) {
var checkboxSon = cs[i];
if (checkboxSon.checked) {
num += 1;
}
}
if (num == csCount) {
checkboxParent.checked = true;
} else {
checkboxParent.checked = false;
}
}
然后添加删除按钮
<li class="btns">
<input id="btnSubmit" class="btn btn-primary" type="button" οnclick="multipleDeleteAtt();" value="批量删除"/>"/>
</li>
添加总复选框
<th width="2%"> <input type="checkbox" id="checkboxParent" οnclick="checkAll(this)" />
</th>
添加子复选框
<td>
<input name="application" type="checkbox" value="${accountBase.id}" οnclick="checkedParent()" />
</td>
后台写ajax处理方法
@ResponseBody
@RequestMapping(value = "deleteAccount")
public String deleteProject(HttpServletRequest request,
HttpServletResponse response) throws IOException {
try {
String[] aid = request.getParameter("aid").split(",");
for (int i = 0; i < aid.length; i++) {
AccountBase accountBase = new AccountBase();
accountBase.setId(aid[i]);
accountBaseService.delete(accountBase);
//可以进行这类操作
}
} catch (Exception e) {
e.printStackTrace();
}
return "success";
}