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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值