选择TreeView控件的树状数据节点的JS方法(jquery)

更新时间：2010年02月06日 16:13:23 作者：

前些日子为了提高人性化选择树状权限的功能，根据树的结构用jquery写了个方法。

方法要达到的效果是：“ 改变一节点的选中状态时，其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时，其所有祖先节点也要跟着选中;如取消时，要根据其同级节点是否有选中时，来决定其祖先节点的选中状态。”
说明：树是用vs的TreeView控件生成的。
如图：

代码如下:

复制代码代码如下:

 
jQuery(function(){ 
jQuery(":checkbox").click(function(){ 
var objNode = this; 
var objNodeId=objNode.id; 
var divObjId= objNodeId.substring(0,objNodeId.indexOf("CheckBox")) < /span>+ "Nodes"; 
jQuery('#'+divObjId+' input[type="checkbox"]').each(function(){ 
this.checked=objNode.checked; 
} 
); 
jQuery("#"+objNodeId).parents("div[id]").each(function(){ 
var divId=this.id; 
var cbId=divId.substring(0,divId.indexOf("Nodes")) + "CheckBox"; 
var cbCount=jQuery('#'+divId+' input:checked'); 
if(objNode.checked||cbCount.length==0) 
{ 
var sId=document.getElementById(cbId); 
if (sId) 
{ 
sId.checked=objNode.checked; 
} 
} 
} 
); 
}); 
}); 

您可能感兴趣的文章:

jquery中的on方法使用介绍
使用jquery的朋友对其中的on方法并不陌生吧，下面为大家介绍下此方法的具体使用，感兴趣的朋友可以参考下
2013-12-12
jQuery中事件对象e的事件冒泡用法示例介绍
这篇文章主要介绍了jQuery中事件对象e的事件冒泡用法,需要的朋友可以参考下
2014-04-04
easyUI 实现的后台分页与前台显示功能示例
这篇文章主要介绍了easyUI 实现的后台分页与前台显示功能,结合实例形式分析了easyUI 后台数据交互、分页与前台显示相关操作技巧及注意事项,需要的朋友可以参考下
2020-06-06
jquery ajax,ashx,json的用法总结
本篇文章主要是对jquery ajax,ashx,json的用法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
jQuery操作CSS样式
这篇文章介绍了jQuery操作CSS样式的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
jQuery动态移除和添加背景图片的方法详解
这篇文章主要介绍了jQuery动态移除和添加背景图片的方法,结合实例形式分析了jQuery针对页面元素样式及事件响应的动态操作技巧,需要的朋友可以参考下
2017-03-03
jquery html添加元素/删除元素操作实例详解
这篇文章主要介绍了jquery html添加元素/删除元素操作,结合实例形式详细分析了jquery html添加元素/删除元素相关函数功能、用法及操作注意事项,需要的朋友可以参考下
2020-05-05
JQuery插件iScroll实现下拉刷新，滚动翻页特效
下拉自动加载进行分页的运用越来越多，比起传统的分页该方法分页用户体验更好，布局也更简单了。目前正在使用和学习中……
2014-06-06
使用jquery判断一个元素是否含有一个指定的类(class)实例
下面小编就为大家带来一篇使用jquery判断一个元素是否含有一个指定的类(class)实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
巧用jquery解决下拉菜单被Div遮挡的相关问题
本篇文章主要是对巧用jquery解决下拉菜单被Div遮挡的相关问题进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02