zoukankan      html  css  js  c++  java
  • 调了 好几天的问题 treeview 的js 处理复选框之间的关系,选中子框父框自动选中,单独执行 没问题 放到框架页里 就有问题

    刚开始的js 这么写的

    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');
            var m = 0;
            var n = 0;
            for (var i = 0; i < Boxs.length; i++) {
    
                if (Boxs[i].type == 'checkbox') {
                    m++;
                }
                if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) {
                    n++
                }
            }
            if (m == n) {
    
                ChildsChkAll = false;
            }
            parentChkBox.checked = ChildsChkAll;
            OnTreeNodeChildChecked(parentChkBox);
        }
    }
        } 
    

      然后 加了个catch 就完事了

    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) {
        //自动处理上级 
        try
        {
        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');
            var m = 0;
            var n = 0;
            for (var i = 0; i < Boxs.length; i++) {
    
                if (Boxs[i].type == 'checkbox') {
                    m++;
                }
                if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) {
                    n++
                }
            }
            if (m == n) {
    
                ChildsChkAll = false;
            }
            parentChkBox.checked = ChildsChkAll;
            OnTreeNodeChildChecked(parentChkBox);
        }
    }
        catch(e)
        {
        
        
        }
    } 
  • 相关阅读:
    MongoDB集群运维笔记
    第十八节:SSM搭建之分层、聚合、继承、属性、版本管理、资源配置、多环境、跳过测试
    第十六节:SpringMvc拦截器、全局异常处理、RestFul风格编程、文件上传
    Java认证授权框架Spring Security介绍
    干货:RabbitMQ消息队列基本原理介绍
    微服务开发框架 SpringCloud
    Pygame实战项目:用300行代码写出贪吃蛇小游戏
    内外盘
    [转贴]太有用了,留存!Kaggle数据下载
    shell执行报错: bash: ./a.sh: /bin/bash^M: bad interpreter: No such file or directory的解决方法
  • 原文地址:https://www.cnblogs.com/haihang/p/2748018.html
Copyright © 2011-2022 走看看