<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>更新：支持三态级联选择
下载：/Files/boolean/checkbox3StatucCascadeSelectTree.zip
在线演示：/Files/boolean/cascadeTree.htm