选择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陷阱题
Feb 07 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
window.onload追加函数使用示例
Mar 03 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
Aug 24 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
shiro授权的实现原理
Sep 21 Javascript
js html实现计算器功能
Nov 13 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 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
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
php自动适应范围的分页代码
2008/08/05 PHP
php学习之变量的使用
2011/05/29 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
Javascript中With语句用法实例
2015/05/14 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
urllib2自定义opener详解
2014/02/07 Python
python字符串连接方式汇总
2014/08/21 Python
Python字符串转换成浮点数函数分享
2015/07/24 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
Python常用的json标准库
2019/02/19 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
Django项目中添加ldap登陆认证功能的实现
2019/04/04 Python
python用什么编辑器进行项目开发
2020/06/17 Python
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
农村党支部先进事迹
2014/01/14 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
基于JavaScript实现省市联动效果
2021/06/22 Javascript
MySQL 开窗函数
2022/02/15 MySQL