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


  • 相关阅读:
    Gogs http和ssh地址显示localhost的问题
    SQL Server从读写频繁的大表中删除大批量数据
    Java Spring Boot: Unable to determine jdbc url from datasource
    NPOI导入Excel日期格式的处理
    手把手教你整合最优雅SSM框架
    JDBC链接数据库MySQL 8.0 Public Key Retrieval is not allowed 错误的解决方法
    Vim 入门教程
    jquery.i18n.properties前端国际化方案
    生产者消费者模式中条件判断是使用while而不是if
    ThreadPoolExecutor 中的 shutdown() 、 shutdownNow() 、 awaitTermination() 的用法和区别
  • 原文地址:https://www.cnblogs.com/stalwart/p/1919465.html
Copyright © 2011-2022 走看看