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 相关文章推荐
深入理解JavaScript作用域和作用域链
Oct 21 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
微信小程序使用request网络请求操作实例
Dec 15 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
vue文件运行的方法教学
Feb 12 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
微信小程序实现下拉加载更多商品
Dec 29 Javascript
小程序实现文字循环滚动动画
Jun 14 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文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
php常见的魔术方法详解
2014/12/25 PHP
php生成二维码
2015/08/10 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
JS实现弹性漂浮效果的广告代码
2015/09/02 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
Vue中全局变量的定义和使用
2019/06/05 Javascript
Python实现list反转实例汇总
2014/11/11 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
2017/03/02 HTML / CSS
英国领先的酒类网上商城:TheDrinkShop
2017/03/16 全球购物
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
新加坡交友网站:be2新加坡
2019/04/10 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
教师调动申请报告
2015/05/18 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
JavaScript流程控制(分支)
2021/12/06 Javascript