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


  • 相关阅读:
    java 在线网络考试系统源码 springboot mybaits vue.js 前后分离跨域
    springboot 整合flowable 项目源码 mybiats vue.js 前后分离 跨域
    flowable Springboot vue.js 前后分离 跨域 有代码生成器 工作流
    Flowable 工作流 Springboot vue.js 前后分离 跨域 有代码生成器
    java 企业 网站源码 后台 springmvc SSM 前台 静态化 代码生成器
    java 进销存 商户管理 系统 管理 库存管理 销售报表springmvc SSM项目
    基于FPGA的电子计算器设计(中)
    基于FPGA的电子计算器设计(上)
    FPGA零基础学习:SPI 协议驱动设计
    Signal tap 逻辑分析仪使用教程
  • 原文地址:https://www.cnblogs.com/stalwart/p/1919465.html
Copyright © 2011-2022 走看看