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 相关文章推荐
JSONP 跨域共享信息
Aug 16 Javascript
jquery getScript动态加载JS方法改进详解
Nov 15 Javascript
css配合jquery美化 select
Nov 29 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
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
PHP4之真OO
2006/10/09 PHP
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
php判断数组中是否存在指定键(key)的方法
2015/03/17 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
Javascript hasOwnProperty 方法 &amp; in 关键字
2008/11/26 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
Javascript的&amp;&amp;和||的另类用法
2014/07/23 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
利用python模拟实现POST请求提交图片的方法
2017/07/25 Python
Django在win10下的安装并创建工程
2017/11/20 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
Python Pillow Image Invert
2019/01/22 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python通过Pillow实现图片对比
2020/04/29 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
租赁协议书范本
2014/04/22 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
商务考察邀请函模板
2015/02/02 职场文书
董事长助理岗位职责
2015/02/11 职场文书
2016新年晚会开场白
2015/12/03 职场文书
竞聘演讲报告:基本写作有哪些?附开头范文
2019/10/16 职场文书