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/p/1919465.html