选择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 相关文章推荐
33种Javascript 表格排序控件收集
Dec 03 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
AngularJS 作用域详解及示例代码
Aug 17 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
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读取msn上的用户信息类
2008/12/05 PHP
PHP 开发环境配置(测试开发环境)
2010/04/28 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
PHP重载基础知识回顾
2020/09/10 PHP
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
跟老齐学Python之有容乃大的list(4)
2014/09/28 Python
Python中暂存上传图片的方法
2015/02/18 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
Python class的继承方法代码实例
2020/02/14 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
Python修改DBF文件指定列
2020/12/19 Python
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
财务人员求职自荐书范文
2014/02/10 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
期末学生评语大全
2014/04/24 职场文书
民主生活会汇报材料
2014/12/15 职场文书
涨价通知怎么写
2015/04/23 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python