各位大哥，大姐，请问如何通过单选按钮（radio按扭）选择树型菜单?

Question

  我现在写了两个树型菜单,一个是按角色划分的(办领导,处领导,普通用户,系统管理员),一个是按部门划分的(办领导,信息中心<中心领导,计通处>,系统管理员),在项目中想通过radio按扭来控制这两个菜单，当选中按部门划分时，显示该组菜单信息，另一组信息隐藏，当选中按角色划分时，显示该组信息，而另一组信息隐藏，请问该怎么实现？请各位大哥，大姐帮帮忙．

Answer 1

层(Div)判断radio button 的状态，根据其状态来判断显示那个层。将两棵树分别放到层内。

Answer 2

和多级联动下拉框的原理很像的 或者 做成 控制DIV 显示隐藏

Answer 3

<div id="role">按角色划分的树状菜单</div><div id="apartment">按部门划分的树状菜单</div>
<form name="choose">
<input type="radio" name="which" value="1" onclick="selectdiv();">角色
<input type="radio" name="which" value="0" onclick="selectdiv();">部门
</form>
<script language="javascript">
function selectdiv()
{
   if(document.choose.which.value==1)
      {
        apartment.style.display="none";
        role.style.display="block";
      }
   else if(document.choose.which.value==0)
    {
      apartment.style.display="block";
      role.style.display="none";
    }
}
</script>
试试这个

Answer 4

<script language="javascript"> 
function selectdiv() 
{ 
      if(document.choose.which[0].checked==true) 
      { 
         apartment.style.display="none"; 
            role.style.display="block"; 
       } 
      else if(document.choose.which[1].checked==true) 
       { 
            apartment.style.display="block"; 
            role.style.display="none"; 
       } 
} 
</script>
<div id="role">按角色划分的树状菜单</div> 
<div id="apartment">按部门划分的树状菜单</div> 
<form name="choose"> 
<input type= "radio" name= "which" onClick="selectdiv();">角色 
<input type= "radio" name= "which" onClick="selectdiv();">部门 
</form>上面那个有点错误

Answer 5

<script   language= "javascript ">   
function   selectdiv()   
{   
            if(document.choose.which[0].checked==true)   
            {   
                apartment.style.display= "none ";   
                        role.style.display= "block ";   
              }   
            else   if(document.choose.which[1].checked==true)   
              {   
                        apartment.style.display= "block ";   
                        role.style.display= "none ";   
              }   
}   
</script> 
<div   id= "role "> 按角色划分的树状菜单 </div>   
<div   id= "apartment "> 按部门划分的树状菜单 </div>   
<form   name= "choose ">   
<input   type=   "radio "   name=   "which "   onClick= "selectdiv(); "> 角色   
<input   type=   "radio "   name=   "which "   onClick= "selectdiv(); "> 部门   
</form> ------------------
这个就挺好啊