网页制作实例：js用于树型结构级联选择

难忘樱花 · 发表于 2007-8-12 11:11

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

帐号		自动登录	找回密码
密码			成为会员