用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]]
D的第二种情况没明白,给个简单的示范吧
[code]<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>
[/code] 首先感谢楼上!
不过会产生一个问题:因为你的显示是根据题目数目来判断的,现在假设出现这样一种跳转的情况:
如果一开始选择的是A,跳转到第三题,隐藏了第二题,现在我第四题又选中了某项隐藏了第五题,最后我感觉一开始选的那个A不好,我改选D了,产生的结果将是:第五题也显示,第四题的选项就会是一个错误选项!
如果遇到这种情况该如何解决呢?
[[it] 本帖最后由 lxd824 于 2008-4-22 17:31 编辑 [/it]] 你的需求说的不明确,只能根据你说的给出满足最基本要求的代码
请说清楚需求,好好设计下! 哦!谢了!
[[it] 本帖最后由 lxd824 于 2008-4-24 13:50 编辑 [/it]]
页:
[1]
