- JS控制树形菜单实现级联选择功能，在一些高级功能的后台系统中，为了使系统更人性化，我们要实现级联选择，比如在展开的多级树控菜单中，当子菜单被选择的时候，主菜单会自动选中，大大增强了菜单的可用性，本代码就是实现了这种功能，希望能为WEB开发的朋友提供参考。
-
<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>
标签：网站源码