选择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 相关文章推荐
根据鼠标的位置动态的控制层的位置
Nov 24 Javascript
Jquery 滑入滑出效果实现代码
Mar 27 Javascript
AlertBox 弹出层信息提示框效果实现步骤
Oct 11 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 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删除文件夹的三种方法
2013/06/09 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
jQuery autocomplete插件修改
2009/04/17 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
原生JavaScript实现的简单放大镜效果示例
2018/02/07 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
python实现Floyd算法
2018/01/03 Python
Django实现组合搜索的方法示例
2018/01/23 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
Pycharm安装python库的方法
2020/11/24 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
毕业生简单求职信
2013/11/19 职场文书
拓展培训心得体会
2014/01/04 职场文书
尽职尽责村干部自我鉴定
2014/01/23 职场文书
学习教师法的心得体会
2014/09/03 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
何玥事迹观后感
2015/06/16 职场文书