选择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 相关文章推荐
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
Javascript核心读书有感之表达式和运算符
Feb 11 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
Vue+axios实现统一接口管理的方法
Jul 23 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
JavaScript实现简单计算器
Mar 19 Javascript
JavaScript oncopy事件用法实例解析
May 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
php中的时间处理
2006/10/09 PHP
PHP+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
php实现无限级分类
2014/12/24 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
用正则表达式替换图片地址img标签
2013/11/22 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
用p5.js制作烟花特效的示例代码
2018/03/21 Javascript
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
python自动zip压缩目录的方法
2015/06/28 Python
Python qqbot 实现qq机器人的示例代码
2019/07/11 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
学生自我鉴定模板
2013/12/30 职场文书
妇联主席先进事迹
2014/05/18 职场文书
中标通知书范本
2015/04/17 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
2016年会开场白台词
2015/06/01 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
Django如何与Ajax交互
2021/04/29 Python
Vue2.0搭建脚手架
2022/03/13 Vue.js