父子级联选择 js

来源:互联网 发布:安装淘宝镜像cnpm失败 编辑:程序博客网 时间:2024/06/05 04:53

<script language="javascript" type="text/javascript">
        function selectCheck()
        {
            var els = event.srcElement;//获取当前事件的对象
            if(els.type=='checkbox')
            {
                if(els.checked)
                {
                    selparent(els);
                }
                var divId =  els.id.replace('CheckBox','Nodes');//获取子节点的层Id
                var divObj = document.getElementById(divId);//获取层对象
                if(divObj==null)return;
                var checkBoxs = divObj.getElementsByTagName('input');//获取层下所有input 控件
                for(var i=0;i<checkBoxs.length;i++)
                {
                    if(checkBoxs[i].type=='checkbox') //控件为checkbox
                    {
                        checkBoxs[i].checked = els.checked;//设置复选框状态
                    }
                }
            }         
        }
        function selparent(obj)
        {
            var p=obj.parentNode.parentNode.parentNode.parentNode.parentNode;
            if(p==null) return;
            if(p.id==null) return;
            var pCheckNodeID=p.id.replace("Nodes","CheckBox");
            var checkNode=document.getElementById(pCheckNodeID);
            if(checkNode)
            {
                checkNode.checked=true;
                selparent(checkNode);
            }
        }
    </script>

 

     <asp:TreeView ID="TVRight" runat="server" ShowCheckBoxes="All" ShowLines="true" onclick="selectCheck();">
     </asp:TreeView>