javascript 实现 TreeView全选（实现子节点全选，中父节点自动全选）

方法一：最简单的全选，取消全选

代码

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

//------------------------------------------------------------------------------------------------------
方法二：
//JS实现treeview中选中父节点，子节点也选中,如果子节点全部选中，自动选中父节点
//仅支持TreeView
//调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()"); 或者 OnClick="OnTreeNodeChecked();"
   

代码

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

转载于:https://www.cnblogs.com/stalwart/archive/2010/12/29/1919465.html