TreeView CheckBox全选以及获取选中的值

最新推荐文章于 2023-04-03 16:05:00 发布

原创最新推荐文章于 2023-04-03 16:05:00 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#null #function #input #div

Asp.Net 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现TreeView中父节点与子节点选择状态联动的方法。具体包括：点击父节点时，其下所有子节点的状态随之改变；当所有子节点都被选中时，自动选中父节点。此外，还提供了一个递归获取所有被选中节点信息的示例。

//JS实现treeview中选中父节点，子节点也选中,如果子节点全部选中，自动选中父节点
    //仅支持TreeView
    //调用方法 TreeView.Attributes.Add("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);
            }
    }

///////////////////////////////////////////////////////////////////////////////////////////

以下是递归循环遍历所有被选中的节点，并把选中的信息放在StringBuilder 里面

调用方法 GetSelectedNode(null);

    public StringBuilder ff = new StringBuilder();
    private void GetSelectedNode(TreeNode pNode)
    {
        if (pNode == null)
        {
            foreach (TreeNode node in TreeView1.Nodes)
            {
                if (node.Checked == true)
                {
                    ff.Append(node.Value);
                    ff.Append("-");
                    ff.Append(node.Text);
                }
                GetSelectedNode(node);
            }
        }
        else
        {
            foreach (TreeNode node in pNode.ChildNodes)
            {
                if (node.Checked == true)
                {
                    ff.Append(node.Value);
                    ff.Append("-");
                    ff.Append(node.Text);
                }
                GetSelectedNode(node);
            }
        }
    }