JS TreeView实现复选框联动

 <script language="javascript" type="text/javascript">     

function window.onload() {    

 document.getElementById("TreeView1").onclick = OnTreeNodeChecked;//这里把TreeView名改一下~

}

function OnTreeNodeChecked() {   

  var ele = event.srcElement;
    if(ele.type=='checkbox')      {  

        ele.className = "";   
        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; 

            }      

    }        

  setParentClassName(ele);    

} 

 }

function setParentClassName(currCheckBox) { 

    var objParentNode=  public_GetParentNode(currCheckBox); 

     if(public_IsObjectNull(objParentNode)) 

        return; 

    var checkBoxs =  objParentNode.getElementsByTagName("INPUT"); 

    var allSelect = true;  

    var allUnSelect = true; 

    for(var i=0;i<checkBoxs.length;i++)      { 

        if(checkBoxs[i].type=='checkbox')

          {            

            if(checkBoxs[i].checked) allUnSelect = false;

             else allSelect =  false;

            if((!allSelect) && (!allUnSelect))

                           break;

        }

    } 

     var objParentCheckBox =  public_Node2CheckBox(objParentNode);  

    if(public_IsObjectNull(objParentCheckBox))      return;

      setParentClassName(objParentCheckBox);

     if(allSelect)     {

          objParentCheckBox.className = "";

          objParentCheckBox.checked =  true;

         return;

    }

     if(allUnSelect)     {

         objParentCheckBox.className = ""; 

         objParentCheckBox.checked =  false;

         return;

    }

    objParentCheckBox.checked =  false;

    objParentCheckBox.className = "parentbox_style";

 }

//得到本节点所在的Node(Div对象)

 function public_GetParentNode(element) {

     var parent = element.parentNode; 

    var upperTagName =  "DIV"; 

    //如果这个元素还不是想要的tag就继续上溯 

    while (parent &&  (parent.tagName.toUpperCase() != upperTagName))      { 

        parent =  parent.parentNode ? parent.parentNode : parent.parentElement; 

    }  

    return parent;

 }

 

 

function public_Node2CheckBox(element) { 

    var  objID = element.getAttribute("ID"); 

    objID =  objID.substring(0,objID.indexOf("Nodes")); 

     return  document.getElementById(objID+"CheckBox");

}

 

function  public_IsObjectNull(element) {

     if(element==null || element ==  "undefined")   

      return true;   

  else        

 return  false;

 }

    </script>