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 相关文章推荐
简单的jquery拖拽排序效果实现代码
Sep 20 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
canvas绘制一个常用的emoji表情
Mar 30 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
jquery实现掷骰子小游戏
Oct 24 jQuery
Element实现动态表格的示例代码
Aug 02 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 随机数的深入理解
2013/06/05 PHP
php实现简单爬虫的开发
2016/03/28 PHP
php安装ssh2扩展的方法【Linux平台】
2016/07/20 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
python进程管理工具supervisor使用实例
2014/09/17 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python画图的函数用法以及技巧
2019/06/28 Python
简单了解python代码优化小技巧
2019/07/08 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
JBL英国官网:JBL UK
2018/07/04 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
蔻驰英国官网:COACH英国
2020/07/19 全球购物
创建无烟单位实施方案
2014/03/29 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
民间借贷协议书范本
2014/10/01 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
投诉信范文
2015/07/02 职场文书
学校运动会开幕词
2016/03/03 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL