jquery 权限控制菜单
来源:互联网 发布:曼哈顿计划 知乎 编辑:程序博客网 时间:2024/06/10 03:09
要实现的效果:
1、父节点选中,则下面的子节点全选中
2、父节点不选中,则下面的子节点全不选中
3、子节点只要选中了一个,则父节点选中
4、子节点全不选中,则父亲节点不选中
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'quanxian.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="js/jquery-1.11.1.js"></script><script type="text/javascript">function selectAll(idStart){var x = $("input[id^='"+idStart+"']");x.each(function(index,domEle){$(this).prop("checked",true);});}function unSelectAllBox(idStart){var x = $("input[id^='"+idStart+"']");x.each(function(index,domEle){$(this).removeProp("checked");});}function selectFather(id){$("#"+id).prop("checked", "checked");}function UnSelectFather(id){$("#"+id).removeProp("checked");}//判断还有没被选中的checkedboxfunction isExistSelect(idStart){var flag = false;var $arrayEle=$("input[id^='"+idStart+"'][id!='"+idStart+"_"+idStart+"']");for (var i=0; i<$arrayEle.length; i++){if ($($arrayEle[i]).prop("checked")){flag=true;}}return flag;}function goSelect(id){var arrayVal=id.split("_");if (arrayVal[0] == arrayVal[1]){//parent domif ($("#"+id).prop("checked")){selectAll(arrayVal[0]);}else{unSelectAllBox(arrayVal[0]);}}else{//child domif ($("#" + id).prop("checked")) {selectFather(arrayVal[0] + "_" + arrayVal[0]);}else {if (!isExistSelect(arrayVal[0])){UnSelectFather(arrayVal[0] + "_" + arrayVal[0]);}}}}</script> </head> <body> <fieldset> <legend><input type="checkbox" id="company_company" onclick="goSelect(this.id)" />客户管理</legend> <div><input type="checkbox" id="company_base" onclick="goSelect(this.id)"/>客户管理1</div><div><input type="checkbox" id="company_linkman" onclick="goSelect(this.id)" />客户管理2</div><div><input type="checkbox" id="company_linkTouch" onclick="goSelect(this.id)"/>客户管理3</div><div><input type="checkbox" id="company_rule" onclick="goSelect(this.id)"/>客户管理4</div></fieldset><br/><fieldset> <legend><input type="checkbox" id="employee_employee" onclick="goSelect(this.id)" />员工管理</legend> <div><input type="checkbox" id="employee_base" onclick="goSelect(this.id)"/>员工管理1</div><div><input type="checkbox" id="employee_linkman" onclick="goSelect(this.id)" />员工管理2</div><div><input type="checkbox" id="employee_linkTouch" onclick="goSelect(this.id)"/>员工管理3</div><div><input type="checkbox" id="employee_rule" onclick="goSelect(this.id)"/>员工管理4</div></fieldset> </body></html>
note:本例中获取节点属性用的是prop()方法,用attr()不行。,jquery 1.6版本就对这两个方法进行了改变,attribute 表示从文档中获取DOM状态信息,而properties 表示元素的动态状态信息,比如说复选框的使用。
1 0
- jquery 权限控制菜单
- horizon--权限菜单控制
- jQuery权限控制
- 权限控制操作菜单显示的代码
- 用户,角色,群组,菜单权限控制
- 同一界面挂多个菜单,利用权限控制菜单的显示
- C# win程序中主窗体菜单的权限控制
- 控制菜单访问权限的2种思想
- 控制菜单访问权限的2种思想
- 通过配置Sitemap实现对左侧菜单的权限控制
- Yii框架扩展chatRoomTypeTreeColumn【主题区权限控制下拉菜单】
- 控制菜单访问权限的2种思想
- J2EE+Flex的菜单及权限控制实践
- 【转载】【权限控制】角色访问动态生成用户权限菜单树
- 通过权限控制菜单栏菜单的显示和隐藏
- yii2 rbac权限控制之菜单menu详细教程
- 使用angular 实现简单 用户-角色-菜单-按钮权限控制
- 《权限控制系列1》-----Ztree菜单的动态拼接
- Activity生命周期
- Hadoop依赖jar包的处理方式
- android图片等比例缩放 填充屏幕
- quick-cocos2d-x源文件编译及加密详解 转
- Zigbee开源协议栈
- jquery 权限控制菜单
- poj3648 2-sat <输出任意一组解>
- javaIO流使用POI工具包解析excel表
- Android系统性能调优工具介绍
- cocos2d-x-3.1.1 eclipse中运行例程
- 【枚举一】Java 枚举7常见种用法
- 研究生期间怎么学习
- cocos2d-x创建精灵
- 普通游戏显卡和专业图形显卡的区别