选择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 相关文章推荐
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
微信小程序 框架详解及实例应用
Sep 26 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
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
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP打印输出函数汇总
2016/08/28 PHP
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
Vue.js项目模板搭建图文教程
2017/09/20 Javascript
vue中路由参数传递可能会遇到的坑
2017/12/07 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
在Python中使用dict和set方法的教程
2015/04/27 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
python实现简单flappy bird
2018/12/24 Python
详解Python解决抓取内容乱码问题(decode和encode解码)
2019/03/29 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
Python+OpenCV图像处理——实现轮廓发现
2020/10/23 Python
Python实现异步IO的示例
2020/11/05 Python
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
银行会计业务的个人自我评价
2013/11/02 职场文书
毕业生自荐书模版
2014/01/04 职场文书
优秀教师工作感言
2014/02/16 职场文书
学校对教师的评语
2014/04/28 职场文书
法院信息化建设方案
2014/05/21 职场文书
2014乡镇干部对照检查材料思想汇报
2014/09/26 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
Golang: 内建容器的用法
2021/05/05 Golang
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python