<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>单项选择题</title>
<script language="javascript">
//单选按钮点击事件
//参数1,单选按钮组的名称,参数2,本页题目编号(这里从0计算)
function RadioClick(Rad,AnsIdx)
{
for(var i=0;i<Rad.length;i++)
{
if(Rad[i].checked)//如果某个答案被选中
document.form1.Answer[AnsIdx].value=Rad[i].value;//将答案赋值给隐藏域
this.AnswerDiv[AnsIdx].innerHTML=Rad[i].value;//将答案赋值给DIV
}
}
//获得选择的答案
function Page_Submit()
{
var MsgStr="选择的答案为\n";
//循环答案隐藏域获得所有选择的答案
for(var i=0;i<document.form1.Answer.length;i++)
{
var Idx=i+1;//这里是因为题目编号从1开始
MsgStr+="第"+Idx+"题答案:选项"+document.form1.Answer[i].value+"\n";
}
alert(MsgStr);
}
</script>
</head>
<body>
<form name="form1">
1、这是第1题<br>
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="3">
选项3<br>
<div id="AnswerDiv"></div><!--可以再加一个Div就可以-->
<input type="hidden" name="Answer" value=""/><!--答案隐藏域(用于提交答案到服务器)-->
2、这是第2题<br>
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="3">
选项3<br>
<div id="AnswerDiv"></div>
<input type="hidden" name="Answer" value=""/>
2、这是第3题<br>
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="3">
选项3<br>
<div id="AnswerDiv"></div>
<input type="hidden" name="Answer" value=""/>
<input type="button" name="Submit" onClick="Page_Submit();" value="确定" />
</form>
</body>
</html>