当前位置：IDC资讯中心 > 网页制作 > Javascript教程 > 正文

js用于树型结构级联选择_javascript教程

2007-08-24 分类：Javascript教程阅读(585) 评论(0)

建站超值云服务器，限时71元/月

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>及联选择-用于权限选择比较合适</title>
</head>

<body>
<ul id=”tree”>
    <li><input type=checkbox>
        <ul>
            <li><input type=checkbox>
                <ul>
                    <li><input type=checkbox></li>
                    <li><input type=checkbox></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</body>
<script language=”javascript”>

var arr = tree.getElementsByTagName(input)
for(var i=0; i<arr.length; i++){
    var input = arr[i]
    if(input.type = checkbox){
        input.onclick = ClickInput
    }
}

function ClickInput(){
    var li = this.parentElement;
    var arr = li.getElementsByTagName(input)
    for(var i=0; i<arr.length; i++){
        var input = arr[i]
        if(input.type == checkbox){
            input.checked = this.checked
        }
    }
    var li = li.parentElement.parentElement

    while(li.tagName.toLowerCase() == li){
        var input = li.childNodes[0]
        if(input.tagName.toLowerCase() == input){
            input.checked = this.checked
        }
        li = li.parentElement.parentElement
    }
}

</script>
</html>

赞(0)

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com 特别注意：本站所有转载文章言论不代表本站观点！本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。未经允许不得转载：IDC资讯中心 » js用于树型结构级联选择_javascript教程

相关推荐