选择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 相关文章推荐
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
Feb 05 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
javascript实现切换td中的值
Dec 05 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 Javascript
JQuery异步加载PartialView的方法
Jun 07 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 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侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
PHP 金额数字转换成英文
2010/05/06 PHP
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
php fread函数使用方法总结
2019/05/28 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
js字符串倒序的实例代码
2018/11/30 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
python要安装在哪个盘
2020/06/15 Python
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
客服实习的个人自我鉴定
2013/10/20 职场文书
园林资料员岗位职责
2013/12/30 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
图书借阅制度范本
2015/08/06 职场文书
ORACLE数据库应用开发的三十个注意事项
2021/06/07 Oracle
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python