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


Posted in Javascript onFebruary 06, 2010

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

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; 
} 
} 
} 
); 
}); 
});
Javascript 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
网络传输协议(http协议)
Nov 18 Javascript
canvas实现环形进度条效果
Mar 23 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
vue实现拖拽进度条
Mar 01 Vue.js
jquery 应用代码 方便的排序功能
Feb 06 #Javascript
jquery1.4后 jqDrag 拖动 不可用
Feb 06 #Javascript
javascript小数计算出现近似值的解决办法
Feb 06 #Javascript
jquery 插件实现图片延迟加载效果代码
Feb 06 #Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 #Javascript
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 #Javascript
利用jQuery 实现GridView异步排序、分页的代码
Feb 06 #Javascript
You might like
风格模板初级不完全修改教程
2006/10/09 PHP
Adodb的十个实例(清晰版)
2006/12/31 PHP
How do I change MySQL timezone?
2008/03/26 PHP
探讨PHP删除文件夹的三种方法
2013/06/09 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
用JS实现选项卡
2020/03/23 Javascript
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python使用cookielib库示例分享
2014/03/03 Python
Python易忽视知识点小结
2015/05/25 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
python求最大连续子数组的和
2018/07/07 Python
python程序变成软件的实操方法
2019/06/24 Python
DAWGS鞋官方网站:鞋,凉鞋,靴子
2016/10/04 全球购物
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
英国定做窗帘和纺织品面料一站式商店:Dekoria
2018/08/29 全球购物
美国价格实惠的在线眼镜网站:Zeelool
2020/12/25 全球购物
学生爱国演讲稿
2014/01/14 职场文书
产品质量承诺范本
2014/03/31 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书