WEB开发网
开发学院网页设计JavaScript js用于树型结构级联选择 阅读

js用于树型结构级联选择

 2007-01-11 19:56:56 来源:WEB开发网   
核心提示:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>及联选择-用于权限选择比较合适</title>

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

Tags:js 用于 结构

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接