选择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 相关文章推荐
js 鼠标点击事件及其它捕获
Jun 04 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
Aug 11 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
深入了解JavaScript代码覆盖
Jun 13 Javascript
JavaScript模拟实现网易云轮播效果
Apr 04 Javascript
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
laravel model 两表联查示例
2019/10/24 PHP
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
基于Electron实现桌面应用开发代码实例
2020/07/07 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
2020/12/04 Vue.js
Python实现学生成绩管理系统
2020/04/05 Python
Python多进程原理与用法分析
2018/08/21 Python
Python中正反斜杠(‘/’和‘\’)的意义与用法
2019/08/12 Python
导致python中import错误的原因是什么
2020/07/01 Python
python中sys模块是做什么用的
2020/08/16 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
出国留学导师推荐信
2015/03/26 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
国庆节新闻稿
2015/07/17 职场文书
技能培训通讯稿
2015/07/18 职场文书
售房协议书范本
2015/08/11 职场文书
PHP策略模式写法
2021/04/01 PHP
JavaScript如何优化逻辑判断代码详解
2021/06/08 Javascript
Python的property属性详细讲解
2022/04/11 Python