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);
    }
}