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中filter(),not(),split()使用方法
Jul 06 Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
简介JavaScript中strike()方法的使用
Jun 08 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 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
单位速度在实战中的运用
2020/03/04 星际争霸
YB217、YB235、YB400浅听
2021/03/02 无线电
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
解析php中die(),exit(),return的区别
2013/06/20 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
更正确的asp冒泡排序
2007/05/24 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
python基础之入门必看操作
2017/07/26 Python
Python标准库之itertools库的使用方法
2017/09/07 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Python父目录、子目录的相互调用方法
2019/02/16 Python
采购类个人求职的自我评价
2014/02/18 职场文书
人事专员的职责
2014/02/26 职场文书
《大海那边》教学反思
2014/04/09 职场文书
出国英文推荐信
2014/05/10 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
银行员工考核评语
2014/12/31 职场文书
实施意见格式范本
2015/06/05 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
canvas绘制折线路径动画实现
2021/05/12 Javascript
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android