Javascript 实现TreeView CheckBox全选效果
作者:bea
代码如下: 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 checkB
代码如下:
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()");
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
- 20个非常有用的PHP类库 加速php开发
- javascript 特性检测并非浏览器检测
- javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
- extjs 为某个事件设置拦截器
- 利用onresize使得div可以随着屏幕大小而自适应的代码
- javascript 不间断的图片滚动并可点击
- Span元素的width属性无效果原因及解决方案
- javascript实现的基于金山词霸网络翻译的代码
- JQuery 引发两次$(document.ready)事件
- 用jQuery扩展自写的 UI导航
- jQuery的一些特性和用法整理小结
- JavaScript关于select的相关操作说明
- JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
- 海量经典的jQuery插件集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jquery下操作HTML控件的实现代码
- jquery 交替为表格添加样式的代码
- jquery插件 cluetip 关键词注释