树形菜单在前后中设计中都使用广泛，在一些更高级的WEB应用中，需要用到JS树状菜单的级联选择功能，也就是当选择子菜单中的某项时，对应的一级菜单也将被选择，比如在权限设置的时候，就需要这种功能，下面是一个典型的例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Js树形菜单及联选择-可用于权限选择</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>请保存文件为任意文件名的HTM文件，然后双击运行。
