选择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中匿名函数,函数直接量和闭包
May 08 Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
Aug 28 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 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基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
IE8 原生JSON支持
2009/04/13 Javascript
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
js 蒙版进度条(结合图片)
2010/03/10 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
Python引用类型和值类型的区别与使用解析
2017/10/17 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
如何通过Python实现标签云算法
2019/07/02 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
python 制作网站小说下载器
2021/02/20 Python
利用纯CSS3实现tab选项卡切换示例代码
2016/09/21 HTML / CSS
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
澳大利亚珍珠首饰购物网站:Vayo Pearls
2019/03/11 全球购物
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
英文自我鉴定
2013/12/10 职场文书
学生自我鉴定
2013/12/18 职场文书
爱心捐款倡议书
2014/04/14 职场文书
Java详细解析==和equals的区别
2022/04/07 Java/Android
HTML静态页面获取url参数和UserAgent的实现
2022/08/05 HTML / CSS