如何用javascript实现按键控制表单元素的属性

Question

like it?Q1
<input type=radio name=q1 value=A>A
<input type=radio name=q1 value=B>B
<input type=radio name=q1 value=C>C
<br>
Q2
<input type=radio name=q2 value=A>A
<input type=radio name=q2 value=B>B
<input type=radio name=q2 value=C>C
<script>
function document.onkeyup(){
var p="q",e=document.activeElement,k=window.event.keyCode
try{document.all(e.name)[k-65].checked=true;}catch(x){}
}
</script>

Answer 1

需要修改的网页见
http://www.shanghaidriver.com/test/ybmnks.asp

Answer 2

tabindex属性怎么用的，谁能告诉我。

Answer 3

有谁能将秋水无恨的方案解释一下吗？他写的script代码部分，我还没有理解意思。不能解释的麻烦你UP一下。谢谢

Answer 4

按tab键就实现将焦点跳到下一题的A选项上
这是系统提供的功能当焦点在某题的A选项上时，按A、B、C三个键就能使相应的选项checked
keyCode捕捉按键的键值，然后取同名的一组radio中的相应选项，将其checked清楚了吗

Answer 5

楼主：我看了你的网页，开始也感到纳闷，研究了好半天才明白，你在每一题的radio之后都设置了一个隐含的选中了的radio（不知有何用？），因tab键在各组radio之间转移焦点时，默认的都是移到下一组中的checked之上，这样所有的checked都隐藏了，也就都不会显示获得焦点，就都跳过了。建议你修改代码

Answer 6

多谢参与，看来你是个高手，以后有事我就多请教你了。
我设置一个隐藏的radio，目的是记住这道题目的编号，因为用到了ASP，而且是从题库众随机选题，所以需要题目的编号。这样在考试交卷后，就能通过这个编号查找题目的答案。
我给你一个全真考试的密码，序列号：5，密码：2
你看看全真题，然后交卷就知道了。
你有什么解决方案吗？说说吧

Answer 7

将<div style="visibility: hidden"><input type="radio" name="1" value="0929" checked></div>写为<input type=hidden name="1" value="0929">不可以吗

Answer 8

1.去掉隐藏的radio,添加hidden
2.去掉tabindex和var p="q"中的q<script language = javascript>
function document.onkeyup(){
var p="";//radio的前缀
e=document.activeElement;
k=window.event.keyCode;
try{document.all(e.name)[k-65].checked=true;}catch(x){};
}
</script>
<p align="center">考试注意事项</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;只有在网上报名后的学员才可以使用该网上全真模拟考试系统，可以选择做题的个数，提交考卷后可以查看自己的的成绩和错误；一般浏览者只可以做5道判断题和5道选择题，提交考卷后只可以查看自己的成绩。</p>
<form method="post" action="1.asp" name="ks" onSubmit=saveUsedTime()>        
  <p>一、判断题</p>1.汽车运输危险物品时，在确保安全的情况下，可以不在公安机关办手续。<br>   
      <input id="bh11" type="radio" name="1" value="0626,A">
A.
对；<br>
<input id="bh12" type="radio" name="1" value="0626,B">
B.
错。<br>
<input type="hidden" name="q1" value="0626">
2.行驶系由车架、车桥、悬架和车轮等部分组成。<br>   
      <input id="bh21" type="radio" name="2" value="0522,A">
A.
对<br>
<input id="bh22" type="radio" name="2" value="0522,B">
B.
错<br>
<input type="hidden" name="q2" value="0522">
3.划有车道分界线的道路与未划分界线的道路交叉，以划有车道分界线的道路为支路。<br>   
      <input id="bh31" type="radio" name="3" value="0296,A">
A.
对<br>
<input id="bh32" type="radio" name="3" value="0296,B">
B.
错<br>
<input type="hidden" name="q3" value="0296">
4.向右转弯遇有同车道前车正在等候放行信号时，机动车可向左、右变更车道，超越前车向右转弯。<br>   
      <input id="bh41" type="radio" name="4" value="0692,A">
A.
对<br>
<input id="bh42" type="radio" name="4" value="0692,B">
B.
错<br>
<input type="hidden" name="q4" value="0692">
5.摩托车前后车轮不在同一中心线上会使行驶跑偏。<br>   
      <input id="bh51" type="radio" name="5" value="0591,A">
A.
对<br>
<input id="bh52" type="radio" name="5" value="0591,B">
B.
错<br>
<input type="hidden" name="q5" value="0591">
<p>二、选择题</p>6.行车中遇少年儿童在道路上玩耍时：<br>
  <input id="bh61" type="radio" name="6" value="0449,A">
A.
要迅速通过；<br>
<input id="bh62" type="radio" name="6" value="0449,B">
B.
提前减速，必要时要停车避让；<br>
<input id="bh63" type="radio" name="6" value="0449,C">
C.
鸣喇叭警告，正常通过。<br>
<input type="hidden" name="q6" value="0449">
7.《中华人民共和国道路交通管理条例》所称的车辆，是指在道路上行驶的：<br>
  <input id="bh71" type="radio" name="7" value="0715,A">
A.
机动车；<br>
<input id="bh72" type="radio" name="7" value="0715,B">
B.
机动车和非机动车；<br>
<input id="bh73" type="radio" name="7" value="0715,C">
C.
机动车，非机动车和行人。<br>
<input type="hidden" name="q7" value="0715">
8.在冰雪道路上，如何使用方向盘：<br>
  <input id="bh81" type="radio" name="8" value="0474,A">
A.
猛打方向盘；<br>
<input id="bh82" type="radio" name="8" value="0474,B">
B.
避免猛打方向盘；<br>
<input id="bh83" type="radio" name="8" value="0474,C">
C.
不要打方向盘。<br>
<input type="hidden" name="q8" value="0474">
9.机动车行驶途中停车时应检查各部位有无漏水、____、漏气三漏现象。<br>
  <input id="bh91" type="radio" name="9" value="0136,A">
A.
漏油；<br>
<input id="bh92" type="radio" name="9" value="0136,B">
B.
漏电；<br>
<input id="bh93" type="radio" name="9" value="0136,C">
C.
漏雨。<br>
<input type="hidden" name="q9" value="0136">
10.在多车道道路上机动车应如何行驶？<br>
  <input id="bh101" type="radio" name="10" value="0188,A">
A.
白色中心单实线是用以同方向车辆的交通分流；<br>
<input id="bh102" type="radio" name="10" value="0188,B">
B.
交通法规规定机动车在机动车道行驶，非机动车在非机动车道行驶，驾驶轻便摩托车在非机动车道内行驶；<br>
<input id="bh103" type="radio" name="10" value="0188,C">
C.
同方向划有三条机动车道，自中心线或中心分隔带依次向右，第一条为小型机动车超车道，第二条车道为小型机动车道，第三条车道为大型机动车道。<br>
<input type="hidden" name="q10" value="0188">
  <input type="hidden" name="tmgs" value="10" >        
  <input type="submit" name="ok" value="交卷">

Answer 9

1.去掉隐藏的radio,添加hidden
2.去掉tabindex和var p="q"中的q<script language = javascript>
function document.onkeyup(){
var p="";//radio的前缀
e=document.activeElement;
k=window.event.keyCode;
try{document.all(e.name)[k-65].checked=true;}catch(x){};
}
</script>
<p align="center">考试注意事项</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;只有在网上报名后的学员才可以使用该网上全真模拟考试系统，可以选择做题的个数，提交考卷后可以查看自己的的成绩和错误；一般浏览者只可以做5道判断题和5道选择题，提交考卷后只可以查看自己的成绩。</p>
<form method="post" action="1.asp" name="ks" onSubmit=saveUsedTime()>        
  <p>一、判断题</p>1.汽车运输危险物品时，在确保安全的情况下，可以不在公安机关办手续。<br>   
      <input id="bh11" type="radio" name="1" value="0626,A">
A.
对；<br>
<input id="bh12" type="radio" name="1" value="0626,B">
B.
错。<br>
<input type="hidden" name="q1" value="0626">
2.行驶系由车架、车桥、悬架和车轮等部分组成。<br>   
      <input id="bh21" type="radio" name="2" value="0522,A">
A.
对<br>
<input id="bh22" type="radio" name="2" value="0522,B">
B.
错<br>
<input type="hidden" name="q2" value="0522">
3.划有车道分界线的道路与未划分界线的道路交叉，以划有车道分界线的道路为支路。<br>   
      <input id="bh31" type="radio" name="3" value="0296,A">
A.
对<br>
<input id="bh32" type="radio" name="3" value="0296,B">
B.
错<br>
<input type="hidden" name="q3" value="0296">
4.向右转弯遇有同车道前车正在等候放行信号时，机动车可向左、右变更车道，超越前车向右转弯。<br>   
      <input id="bh41" type="radio" name="4" value="0692,A">
A.
对<br>
<input id="bh42" type="radio" name="4" value="0692,B">
B.
错<br>
<input type="hidden" name="q4" value="0692">
5.摩托车前后车轮不在同一中心线上会使行驶跑偏。<br>   
      <input id="bh51" type="radio" name="5" value="0591,A">
A.
对<br>
<input id="bh52" type="radio" name="5" value="0591,B">
B.
错<br>
<input type="hidden" name="q5" value="0591">
<p>二、选择题</p>6.行车中遇少年儿童在道路上玩耍时：<br>
  <input id="bh61" type="radio" name="6" value="0449,A">
A.
要迅速通过；<br>
<input id="bh62" type="radio" name="6" value="0449,B">
B.
提前减速，必要时要停车避让；<br>
<input id="bh63" type="radio" name="6" value="0449,C">
C.
鸣喇叭警告，正常通过。<br>
<input type="hidden" name="q6" value="0449">
7.《中华人民共和国道路交通管理条例》所称的车辆，是指在道路上行驶的：<br>
  <input id="bh71" type="radio" name="7" value="0715,A">
A.
机动车；<br>
<input id="bh72" type="radio" name="7" value="0715,B">
B.
机动车和非机动车；<br>
<input id="bh73" type="radio" name="7" value="0715,C">
C.
机动车，非机动车和行人。<br>
<input type="hidden" name="q7" value="0715">
8.在冰雪道路上，如何使用方向盘：<br>
  <input id="bh81" type="radio" name="8" value="0474,A">
A.
猛打方向盘；<br>
<input id="bh82" type="radio" name="8" value="0474,B">
B.
避免猛打方向盘；<br>
<input id="bh83" type="radio" name="8" value="0474,C">
C.
不要打方向盘。<br>
<input type="hidden" name="q8" value="0474">
9.机动车行驶途中停车时应检查各部位有无漏水、____、漏气三漏现象。<br>
  <input id="bh91" type="radio" name="9" value="0136,A">
A.
漏油；<br>
<input id="bh92" type="radio" name="9" value="0136,B">
B.
漏电；<br>
<input id="bh93" type="radio" name="9" value="0136,C">
C.
漏雨。<br>
<input type="hidden" name="q9" value="0136">
10.在多车道道路上机动车应如何行驶？<br>
  <input id="bh101" type="radio" name="10" value="0188,A">
A.
白色中心单实线是用以同方向车辆的交通分流；<br>
<input id="bh102" type="radio" name="10" value="0188,B">
B.
交通法规规定机动车在机动车道行驶，非机动车在非机动车道行驶，驾驶轻便摩托车在非机动车道内行驶；<br>
<input id="bh103" type="radio" name="10" value="0188,C">
C.
同方向划有三条机动车道，自中心线或中心分隔带依次向右，第一条为小型机动车超车道，第二条车道为小型机动车道，第三条车道为大型机动车道。<br>
<input type="hidden" name="q10" value="0188">
  <input type="hidden" name="tmgs" value="10" >        
  <input type="submit" name="ok" value="交卷">