1,check框 全选 全不选
$("#checkBoxId").click(function () {
//给class为check的添加checked 属性 和被单击的checkbox状态相同
$(".check").prop("checked", $(this).prop("checked"));
});
//单击下面的checkBox时
$(".check").click(function(){
//总check不选 被选中的总check框个数相同
$("#checkBoxId").prop("checked",$(".check:checked").length == $(".check").length);
});
给上面的checkBox加id为checkBoxId,,下面的checkbox加 class为check
2,复选框批量删除
//批量删除代码
$("#delRegPersonnelBatch").click(function () {
var tbodyCheckedArray = $("tbody :checked");
if(tbodyCheckedArray.length==0){
return false ;
}
var idstr = '';
$.each(tbodyCheckedArray, function (i, e) {
if(i>0){
idstr += '&';
}
idstr += "id=" + e.id;
});
//layer弹层进行提醒
layer.confirm("确认要删除这些数据么?", {icon: 3, title:'提示'}, function(cindex){
layer.close(cindex);
//发送ajax请求
$.ajax({
type:"get",
url:"/admin/delRegPersonnelBatch",
data:idstr,
success:function(result){
if(result.success){
//提示删除成功
layer.msg("批量删除成功!", {time:1000, icon:6});
//清空搜索框
$("#nameId").val("");
$("#techId").val("");
$("#identityId").val("");
$("#companyId").val("");
json.name = '' ;
json.technicalGrade = '' ;
json.identityNumber = '' ;
json.belongCompany = '' ;
//跳转到首页面
queryPage(1);
}else {
//提示失败
layer.msg("批量删除失败!", {time:1000, icon:6});
}
}
});
}, function(cindex){
layer.close(cindex);
});
});
需要在checkBox中添加id选址 id为用户的id
3.左侧菜单栏展开并高亮
//既然来到角色维护这个界面就应该把用户维护给显示出来
//高亮
$("ul a:contains('角色维护')").css("color","red");
//将菜单展开
$("ul a:contains('角色维护')").parents("ul").show();
//将菜单的"tree-closed"移除
$("ul a:contains('角色维护')").parents("li.tree-closed").removeClass("tree-closed");