zoukankan      html  css  js  c++  java
  • 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);
                }
        }


  • 相关阅读:
    谈对信息增益与决策树的理解
    k近邻法
    感知机相关难点细解
    点到空间中面的距离
    统计学习方法中的标注问题
    Hoeffding不等式与泛化误差上界
    经验风险与期望风险
    先验概率与后验概率
    spring和springboot常用注解总结
    多环境下读取不同的配置文件
  • 原文地址:https://www.cnblogs.com/stalwart/p/1919465.html
Copyright © 2011-2022 走看看