Question

如何实现JavaScript控制表单元素显示同时隐藏

下边代码，当选中第一大类后，会显示隐藏的第一大类下级内容，选择第二大类同样效果,但以显示的隐藏内容 不隐藏起来了，
怎么才能实如：显示第二大类隐藏内容的同时隐藏第其它所有以显示的隐藏内容呀！
那位给改改谢谢了。

代码如下：

<script type="text/javascript">
function Show(divId){
document.getElementById(divId).style.display='block';
}
function Hide(divId){
document.getElementById(divId).style.display='none';
}
</script>

<tr>
<td>大类</td>
<td>
<form name="form1" method="post" action="">
<input type="radio" name="1" value="1" id="1" onclick="Show('h1')" > 第一大类
<input type="radio" name="1" value="2" id=1" onclick="Show('h2')" > 第二大类
</td>

</tr>
<tr id="h2" style="background:red;display:none" >
<td>第一大类下</td>
<td><label>
<input type="radio" name="2" value="1" id="2" >11 <br/>
<input type="radio" name="2" value="2" id="2">12 <br/>
<input type="radio" name="2" value="3" id="2">13 <br/>
</td>
</tr>

<tr id="h2" style="background:red;display:none" >

<td>第二大类下</td>
<td><label>
<input type="radio" name="3" value="1" id="2" >21 <br/>
<input type="radio" name="3" value="2" id="2">22 <br/>
<input type="radio" name="3" value="3" id="2">23 <br/>
</td>
</tr>

Answer 1

用一个全局变量记录上一次显示的div
var a=8;//用来判断是不是第一次，因为第一次没有上一次
接下来每显示一次
if(a!=8){a.style.display="none";}
并且保存这一次的，以供下次隐藏
a=divId;

追问

能否给改改上边的代码，谢谢了。

追答

改版， var kclass,kshow=null; window.onload=function(){ kclass={ 1:document.getElementById("kclass1"), 2:document.getElementById("kclass2") } } function show(num){ if(kshow!=null){ kshow.style.display="none"; } kclass[num].style.display="block"; kshow=kclass[num]; } 大类 第一大类 第二大类 第一大类内容 11 12 13 第二大类内容 21 22 23