TreeView 控件客户端节点选择的代码

很久没有更新我的space了，最近因为工作需要对TreeView控件做了一些了解，很多人希望在客户端实现CheckBox的选择控制，比如选中父节点后自动选择所有子节点，而选择所有子节点也能使父节点自动选中，网上搜索了一下，好像实现前者比较多，后者暂时没找到，参考了一些代码后决定自己实现，希望能给大家带来一些用处，其中参数TreeName是TreeView控件的ClientID属性，大家最好在PageLoad事件中这样调用：TreeView1.Attributes.Add("onclick", "OnTreeNodeChecked('"+TreeView1.ClientID+"');");，完整代码如下：
function OnTreeNodeChecked(TreeName)
{
var ele = event.srcElement;
if(ele.type=='checkbox')
{
//set children
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;
}
}

if (needUpdateParent(ele,childrenDivID,TreeName))
{
updateParentNode(ele,TreeName);
}
}
}
function needUpdateParent(element,childrenDivID,rootDivId)
{
var parentDiv=element.parentElement;
while(parentDiv.tagName != "DIV")
{
parentDiv=parentDiv.parentElement;
}
if (parentDiv.id==null || parentDiv.id==rootDivId) return false;
var brCheckBoxs=parentDiv.getElementsByTagName('INPUT');
for(var i=0;i<brCheckBoxs.length;i++)
{
if(brCheckBoxs[i].type=='checkbox' &&
brCheckBoxs[i].id.replace('CheckBox','Nodes')!=childrenDivID &&
brCheckBoxs[i]!=element && element.checked && (!brCheckBoxs[i].checked))
{
return false;
}
}
return true;
}
function updateParentNode(element,rootDivId)
{
var parentDiv=element.parentElement;
while(parentDiv.tagName != "DIV")
{
parentDiv=parentDiv.parentElement;
}
if (parentDiv.id==null || parentDiv.id==rootDivId) return;
var parCheckBoxId=parentDiv.id.replace('Nodes','CheckBox');
var parCheckBox=document.getElementById(parCheckBoxId);
parCheckBox.checked=element.checked;
if (needUpdateParent(parCheckBox,parentDiv.id,rootDivId))
{
updateParentNode(parCheckBox,rootDivId);
}
}