选择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游戏之是男人就下100层代码打包
Nov 08 Javascript
JavaScript数组Array对象增加和删除元素方法总结
Jan 20 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
javascript 网页进度条简单实例
Feb 22 Javascript
JS 仿支付宝input文本输入框放大组件的实例
Nov 14 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
原生javascript单例模式的应用实例分析
Feb 23 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
一个捕获函数输出的函数
2007/02/14 PHP
php抓取页面与代码解析 推荐
2010/07/23 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
告诉大家什么是JSON
2008/06/10 Javascript
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
2013/09/06 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
[48:11]完美世界DOTA2联赛 Magma vs GXR 第二场 11.07
2020/11/10 DOTA
python文件比较示例分享
2014/01/10 Python
python实现随机密码字典生成器示例
2014/04/09 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
python样条插值的实现代码
2018/12/17 Python
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
装修致歉信
2014/01/15 职场文书
年终考核评语
2014/01/19 职场文书
酒店总经理助理岗位职责
2014/02/01 职场文书
应届毕业生如何写求职信
2014/02/16 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
医院护士工作检讨书
2014/10/26 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫