您的位置：首页 > Web前端 > JavaScript

js用于树型结构级联选择

2010-06-13 12:01 501 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航