JS控制TreeView的CheckBox控件的全选与全不选脚本
2011-08-15 17:21
483 查看
function client_OnTreeNodeChecked()
{
var obj = window.event.srcElement;
var treeNodeFound = false;
var checkedState;
if (obj.tagName == "INPUT" && obj.type == "checkbox") {
var treeNode = obj;
checkedState = treeNode.checked;
do
{
obj = obj.parentElement;
} while (obj.tagName != "TABLE")
var parentTreeLevel = obj.rows[0].cells.length;
var parentTreeNode = obj.rows[0].cells[0];
var tables = obj.parentElement.getElementsByTagName("TABLE");
var numTables = tables.length
if (numTables >= 1)
{
for (i=0; i < numTables; i++)
{
if (tables[i] == obj)
{
treeNodeFound = true;
i++;
if (i == numTables)
{
return;
}
}
if (treeNodeFound == true)
{
var childTreeLevel = tables[i].rows[0].cells.length;
if (childTreeLevel > parentTreeLevel)
{
var cell = tables[i].rows[0].cells[childTreeLevel - 1];
var inputs = cell.getElementsByTagName("INPUT");
inputs[0].checked = checkedState;
}
else
{
return;
}
}
}
}
}
}
{
var obj = window.event.srcElement;
var treeNodeFound = false;
var checkedState;
if (obj.tagName == "INPUT" && obj.type == "checkbox") {
var treeNode = obj;
checkedState = treeNode.checked;
do
{
obj = obj.parentElement;
} while (obj.tagName != "TABLE")
var parentTreeLevel = obj.rows[0].cells.length;
var parentTreeNode = obj.rows[0].cells[0];
var tables = obj.parentElement.getElementsByTagName("TABLE");
var numTables = tables.length
if (numTables >= 1)
{
for (i=0; i < numTables; i++)
{
if (tables[i] == obj)
{
treeNodeFound = true;
i++;
if (i == numTables)
{
return;
}
}
if (treeNodeFound == true)
{
var childTreeLevel = tables[i].rows[0].cells.length;
if (childTreeLevel > parentTreeLevel)
{
var cell = tables[i].rows[0].cells[childTreeLevel - 1];
var inputs = cell.getElementsByTagName("INPUT");
inputs[0].checked = checkedState;
}
else
{
return;
}
}
}
}
}
}
相关文章推荐
- Asp.Net中控制TreeView中CheckBox的JS脚本
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- ComponentArt.UI 2008-TreeView控件控制CheckBox全选与反选,以及读取Xml权限
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- TreeView控件在客户端的 全选/全消 脚本实现
- checkbox控件的enable,disabled,以及与前台js的交互控制
- 【简单】js控制CheckBox全选/全不选
- js控制checkbox全选/取消全选
- js脚本checkBox全选的方法
- js在repeater控件内每一行<input type="checkbox"/>实现全选,全不选,然后获取每一行的ID删除
- js搜索相同类型的控件全选、取值(Checkbox)
- 控制Checkbox全选的JS
- js 中checkbox 控制全选
- js一键控制checkBox正反选以及随着变化取消全选状态
- js案例-3 复选框checkbox的全选返回控制
- 20160113 JS中CheckBox如何控制全选
- js控制gridview 中的checkbox 全选
- TreeView 控件树节点 TreeNode 的异步加载及对节点 CHECKBOX 的多选控制
- TreeView 控件树节点 TreeNode 的异步加载及对节点 CHECKBOX 的多选控制
- js控制treeview中的checkbox实现单选功能