选择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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
javascript数组去掉重复
May 12 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
JavaScript正则表达式和级联效果
Sep 14 Javascript
nuxt.js 缓存实践
Jun 25 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 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验证码(支持中文)
2007/02/14 PHP
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
easyui validatebox验证
2016/04/29 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
Bootstrap实现模态框效果
2019/09/30 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python性能优化技巧
2015/03/09 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
python创建文本文件的简单方法
2020/08/30 Python
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
自我评价怎么写好呢?
2013/12/05 职场文书
致跳远运动员加油稿
2014/02/11 职场文书
夜不归宿检讨书
2014/02/25 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
检讨书范文
2015/01/27 职场文书
参观邀请函范文
2015/02/02 职场文书
给朋友的赠语
2015/06/23 职场文书
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python