选择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 相关文章推荐
Javascript 入门基础学习
Mar 10 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
BootStrap表单控件之文本域textarea
May 23 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
Vue 封装防刷新考试倒计时组件的实现
Jun 05 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
openlayers 3实现车辆轨迹回放
Sep 24 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设计模式 Adapter(适配器模式)
2011/06/26 PHP
利用PHP+JS实现搜索自动提示(实例)
2013/06/09 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python快速从注释生成文档的方法
2016/12/26 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
python实现银联支付和支付宝支付接入
2019/05/07 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
python 中Arduino串口传输数据到电脑并保存至excel表格
2019/10/14 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
scrapy头部修改的方法详解
2020/12/06 Python
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
北京振戎融通Java面试题
2015/09/03 面试题
大学军训感言1000字
2014/02/25 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
元旦主持词开场白
2015/05/29 职场文书
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js