javascript技巧

关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > javascript技巧 >

js用于树型结构级联选择

2007-01-15 00:00:00 作者：

js用于树型结构级联选择

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章: