jq全选反选批量删除

来源：互联网发布：java @apect 编辑：程序博客网时间：2024/05/21 08:56

<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.js"></script>
<script src="<%=basePath%>js/pagination/js/jquery.min.js"></script>
<script src="<%=basePath%>js/pagination/js/jquery.pagination.js"></script>
<title>用户列表</title>

<script type="text/javascript">
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
}
$(function(){
$("#ckAll").click(function() {
$("input[name='sub']").prop("checked", this.checked);
});

$("input[name='sub']").click(function() {
var $subs = $("input[name='sub']");
$("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);
});
})

function del(){
var chckBox = document.getElementsByName("sub");
var num = chckBox.length;
var ids = "";
for(var index =0 ; index<num ; index++){
if(chckBox[index].checked){
ids += chckBox[index].value + ",";
}
}
if(ids!=""){
if(window.confirm("你确定要删除所选的记录吗？")){
$.get("<%=basePath%>user/delUser?id="+ids,function(data){
if("success" == data.result){
alert("删除成功");
window.location.reload();
}else{
alert("删除失败");
}
});
}
}else{
alert("请选择要删除的记录！");
}

}

</script>
</head>

<body>
<h6>
<a href="<%=basePath%>user/toAddUser">添加用户</a>
<a href="javascript:del();">删除用户</a>
</h6>
<div class="M-box"></div>
<table border="1">
<tbody>
<tr>
<th><input type="checkbox" id="ckAll" /></th>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
<c:if test="${!empty userList }">
<c:forEach items="${userList}" var="user">
<tr>
<td><input type="checkbox" name="sub" value="${user.id}"/><br /></td>
<td>${user.userName}</td>
<td>${user.age }</td>
<td>
<a href="<%=basePath%>user/getUser?id=${user.id}">编辑</a>
</td>
</tr>
</c:forEach>
</c:if>

</tbody>
</table>
</body>
</html>

0 0