脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery 权限控制菜单，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

<img src="<%=basePath%>/uploaDFile/Collfiles/20140620/20140620092206202.jpg" alt="jquery 权限控制菜单">

要实现的效果：

1、父节点选中，则下面的子节点全选中<"/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+MqGiuLi92RxJSrvRodbQo6zU8s/Cw+a1xNfTvdq148irsrvRodbQPC9wPgo8cD4zoaLX073atePWu9Kq0aHW0MHL0ru49qOs1PK4uL3atePRodbQPC9wPgo8cD40oaLX073atePIq7K70aHW0KOs1PK4uMfXvdq147K70aHW0DwvcD4KPHA+PGJyPgo8L3A+CjxwPjwvcD4KPHByZSBjbGFzcz0="brush:java;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> href="<%=basePath%>"> <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"); } //判断还有没被选中的checkedbox function 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 dom if ($("#"+id).prop("checked")){ selectAll(arrayVal[0]); }else{ unSelectAllBox(arrayVal[0]); } }else{//child dom if ($("#" + id).prop("checked")) { selectFather(arrayVal[0] + "_" + arrayVal[0]); } else { if (!isExistSelect(arrayVal[0])){ UnSelectFather(arrayVal[0] + "_" + arrayVal[0]); } } } } </script>

客户管理

客户管理1

客户管理2

客户管理3

客户管理4

员工管理

员工管理1

员工管理2

员工管理3

员工管理4

note:本例中获取节点属性用的是prop()方法，用attr()不行。，jquery 1.6版本就对这两个方法进行了改变，attribute 表示从文档中获取DOM状态信息，而properties 表示元素的动态状态信息，比如说复选框的使用。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery 权限控制菜单全部内容，希望文章能够帮你解决javascript代码实例教程-jquery 权限控制菜单所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。