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 (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
js中url对象化管理分析
Dec 29 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
js canvas实现俄罗斯方块
Oct 11 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
thinkphp区间查询、统计查询与SQL直接查询实例分析
2014/11/24 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
Python3基础之list列表实例解析
2014/08/13 Python
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
浅析Python3 pip换源问题
2020/01/06 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Django实现内容缓存实例方法
2020/06/30 Python
openCV提取图像中的矩形区域
2020/07/21 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
八年级历史教学反思
2014/01/10 职场文书
同学会邀请书大全
2014/01/12 职场文书
公司新年寄语
2014/04/04 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
投标承诺函范文
2015/01/21 职场文书
开学第一周总结
2015/07/16 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL