javascript 树形菜单复选框

我的树形菜单为如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<link type="text/css" href="&#20195;&#30721;&#19968;/css/tree.css" rel="stylesheet">
<script language=jscript>
function ChangeStatus(o)
{
if (o.parentNode)
{
if (o.parentNode.className == "Opened")
{
o.parentNode.className = "Closed";
}
else
{
o.parentNode.className = "Opened";
}
}
}
</script>
</head>
<body onload="init()">
<div class="TreeMenu" id="CategoryTree">
<h4>CSS&Ecirc;÷&ETH;&Icirc;&sup2;&Euml;&micro;&yen;</h4>
<ul>
  <li class="Opened"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#">&cedil;ù&frac12;&Uacute;&micro;&atilde;</a><input   type=checkbox>
  <ul>
    <li class="Opened"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#">&Icirc;&Ograve;&micro;&Auml;&Icirc;&Auml;&micro;&micro;</a><input   type=checkbox>
  <ul>
       <li class="Opened"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this)";>JavaScript</a><input   type=checkbox>
    <ul>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">1</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">2</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">3</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">4</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">5</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">6</a><input   type=checkbox></li>
     <li class="Child"><img class=s src="&#20195;&#30721;&#19968;/css/s.gif"><a href="#">&Eacute;ú&sup3;&Eacute;node</a><input   type=checkbox></li>
    </ul>  
  </li>
   </ul>
</div>
</body>
</html>很简单的树形菜单,但是我要把所有叶节点的复选框的名字都要一样,但是现在无法实现对于复选框的全选和部分选择,整个树分为四级,一级为根(控制全选)...
要怎么才可以实现对于复选框的全选和部分选择了?
请大家指教指教

解决方案 »

  1.   

    http://www.meizz.com/Web/demo/mztreeview2/csdntree.htm
      

  2.   

    而且我这个菜单是要通过javabean动态生成的...所以我希望按上面的格式
      

  3.   

    四级为下面这样
    + checkbox(name = all)  全选
       +checkbox (name = college) 学院
          +checkbox (name = class) 班级
            +checkbox (name = student)  学号1   姓名1   性别1  
            +checkbox (name = student)  学号2   姓名2   性别2