Javascript 实现TreeView CheckBox全选效果


Posted in Javascript onJanuary 11, 2010
function OnTreeNodeChecked() { 
var ele = event.srcElement; 
if (ele.type == 'checkbox') { 
var childrenDivID = ele.id.replace('CheckBox', 'Nodes'); 
var div = document.getElementById(childrenDivID); 
if (div != null) { 
var checkBoxs = div.getElementsByTagName('INPUT'); 
for (var i = 0; i < checkBoxs.length; i++) { 
if (checkBoxs[i].type == 'checkbox') 
checkBoxs[i].checked = ele.checked; 
} 
} 
OnTreeNodeChildChecked(ele); } 
} 
function OnTreeNodeChildChecked(ele) { 
//自动处理上级 
var parentDiv = ele.parentElement.parentElement.parentElement.parentElement.parentElement; 
var parentChkBox = document.getElementById(parentDiv.id.replace('Nodes', 'CheckBox')); 
if (parentChkBox != null) { 
var ChildsChkAll = true; 
var Boxs = parentDiv.getElementsByTagName('INPUT'); 
for (var i = 0; i < Boxs.length; i++) { 
if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) { 
ChildsChkAll = false; 
} 
} 
parentChkBox.checked = ChildsChkAll; 
OnTreeNodeChildChecked(parentChkBox); 
} 
}

CS文件中注册JavaScript:

void Page_Load(object sender,EventArgs e) 
{ 
this.TreeView.Attribute.Add("onclick","OnTreeNodeChecked()"); 
}
Javascript 相关文章推荐
js GridView 实现自动计算操作代码
Mar 25 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
javascript 闭包详解
Feb 15 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
BootStrap 导航条实例代码
May 18 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 #Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 #Javascript
取选中的radio的值
Jan 11 #Javascript
javascript Object与Function使用
Jan 11 #Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 #Javascript
JavaScript 事件冒泡简介及应用
Jan 11 #Javascript
Javascript 读书笔记索引贴
Jan 11 #Javascript
You might like
php,不用COM,生成excel文件
2006/10/09 PHP
php数据库连接
2006/10/09 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
yum命令安装php7和相关扩展
2016/07/04 PHP
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
2015/12/25 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
深入理解JS函数的参数(arguments)的使用
2016/05/28 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
通信工程专业毕业生推荐信
2013/12/25 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
矿泉水广告词
2014/03/20 职场文书
竞赛口号大全
2014/06/16 职场文书
市级三好学生评语
2014/12/29 职场文书
期中考试复习计划
2015/01/19 职场文书
OpenCV-Python实现人脸磨皮算法
2021/06/07 Python
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS