选择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 相关文章推荐
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
Jul 22 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
Aug 05 Javascript
vue3弹出层V3Popup实例详解
Jan 04 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
用来解析.htpasswd文件的PHP类
2012/09/05 PHP
php分页函数示例代码分享
2014/02/24 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
PHP对象相互引用的内存溢出实例分析
2014/08/28 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
一个基于jQuery的树型插件(OrangeTree)使用介绍
2012/05/03 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[03:48]大碗DOTA
2019/07/25 DOTA
Python中random模块生成随机数详解
2016/03/10 Python
python reduce 函数使用详解
2017/12/05 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
感恩教育活动总结
2014/05/05 职场文书
初中新生军训方案
2014/05/13 职场文书
物流管理专业自荐信
2014/06/23 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
如何书写授权委托书?
2019/06/25 职场文书
Python+Tkinter制作专属图形化界面
2022/04/01 Python