用radio显示隐藏的问题
用div将每道题目括起来,赋id为dv+题号,现在要实现个跳转,选择某题的A跳转到第3题,隐藏1,2题,选择B跳转到第4题,隐藏1,2,3题,选择C跳转到第5题目,隐藏1,2,3,4题,选D(有两种情况)第一:以前选了A,B,或C现在改选D恢复被隐藏的题目;第二:以前一个没选,现在进行选择 我想请问下的怎么解决选D后的第一种情况? 谢谢!
[[it] 本帖最后由 lxd824 于 2008-4-22 17:22 编辑 [/it]]
程序代码:
<script language="javascript">
function $(_id){return document.getElementById(_id);}
function sel(id)
{
for(var i = 1; i < 6; i++)$('dv_'+i).style.display = '';
for(var i = 1; i < id; i++)$('dv_'+i).style.display = 'none';
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="radio" name="radio" id="a" value="a" onclick="sel(3);" /> A<br />
<input type="radio" name="radio" id="b" value="b" onclick="sel(4);"/> B<br />
<input type="radio" name="radio" id="c" value="c" onclick="sel(5);"/> C<br />
<input type="radio" name="radio" id="d" value="d" onclick="sel(0);"/> D<br />
</form>
<div id="x">
<div id="dv_1">第一题</div>
<div id="dv_2">第二题</div>
<div id="dv_3">第三题</div>
<div id="dv_4">第四题</div>
<div id="dv_5">第五题</div>
</div>