哪位帮手可以帮我解决下问题,大概思路我写一下,代码全
大概思路: 按提交按钮可以实现在线算分的
问题是不管我怎么按都是0分...
1 2 3 4值 代表选项 ABCD
哪位高手可以帮我完善一下,我现在选择题都弄不出来,更别说是填空题了
对于一个没专门学过javascript语言的,要做出来是一件很痛苦的事
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在线测试网站</title>
<script language="javascript">
function ok()
{
var answer =new Array('2','3','2','2','1','1','2');
var totalScore=0;
var question;
for(var i=1;i<=7;i++)
{
question=document.getElementById(i);
if(question.value==answer[i-1])
{
totalScore=totalScore+10;
}
}
alert("您的得分是："+totalScore);
}
</script>
</head>
<body>
<h1 align="center">网页设计测试题</h1>
<p>Wednesday, 2012-04-11
</p>
<hr />
一、单项选择题(本大题共4小题，每小题10分，共40分。) <br />
<br />
1.目前在Internet上应用最为广泛的服务是( )
<form id="1">
<option value="1">
<input type="radio" name="radiobutton" />
A.FTP服务</option>
<option value="2">
<input type="radio" name="radiobutton" />
B.WWW服务</option>
<option value="3">
<input type="radio" name="radiobutton" />
C.Telnet服务</option>
<option value="4">
<input type="radio" name="radiobutton" />
D.Gopher服务</option>
</form>
<br />
2.在域名系统中，域名采用( )
<form id="2">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
A.树型命名机制
<label>
<input type="radio" name="radiobutton" value="2" />
</label>
B.星型命名机制
<label>
<input type="radio" name="radiobutton" value="3" />
</label>
C.层次型命名机制
<label>
<input type="radio" name="radiobutton" value="4" />
</label>
D.网状型命名机制
</form>
<br />
3.IP地址在概念上被分为( )
<form id="3">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
A.二个层次
<label>
<input type="radio" name="radiobutton" value="2" />
</label>
B.三个层次
<label>
<input type="radio" name="radiobutton" value="3" />
</label>
C.四个层次
<label>
<input type="radio" name="radiobutton" value="4" />
</label>
D.五个层次
</form>
<br />
4.在网站设计中所有的站点结构都可以归结为( )
<form id="4">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
A.两级结构
<label>
<input type="radio" name="radiobutton" value="2" />
</label>
B.三级结构
<label>
<input type="radio" name="radiobutton" value="3" />
</label>
C.四级结构
<label>
<input type="radio" name="radiobutton" value="4" />
</label>
D.多级结构
</form>
<br />
<br />
二、填空题(本大题共2小题，每小题15分，共30分。)<br />
<br />
1.HEAD标记符位于
<input type="text" name="textfield" /> 标记符之间。
<br />
<br />
2.要使用文字“学生”同时显示为粗体和斜体，应使用语句
<input type="text" name="textfield2" />
。<br />
<br />
<br />
三、判断题(本大题共3小题，每小题10分，共30分。)<br />
<br />
1.HTML标记符的属性一般不区分大小写。
<form id="5">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
对
<label>
<input type="radio" name="radiobutton" value="2" />
</label>
错
</form>
<br />
2.网站就是个链接的页面集合。
<form id="6">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
对
<label>
<input type="radio" name="radiobutton" value="2" />
错
</label>
</form>
<br />
3.HTML表格在默认情况下有边缘。
<form id="7">
<label>
<input type="radio" name="radiobutton" value="1" />
</label>
对
<label>
<input type="radio" name="radiobutton" value="2" />
</label>
错
</form>
<br />
<input type="button" value="提交" onclick="ok()"/>
<p> </p>
</body>
</html>
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>在线测试网站</title></head><body><h1 align="center"> 网页设计测试题</h1><p>Wednesday, 2012-04-11</p><hr />一、单项选择题(本大题共4小题，每小题10分，共40分。) <br /><br />1.目前在Internet上应用最为广泛的服务是( )<form method="post" action="" id="form_new" > <input type="radio" name="radiobutton1" value="1"/> A.FTP服务 <input type="radio" name="radiobutton1" value="2"/> B.WWW服务 <input type="radio" name="radiobutton1" value="3"/> C.Telnet服务</option> <input type="radio" name="radiobutton1" value="4" /> D.Gopher服务<br /><br />2.在域名系统中，域名采用( ) <label> <input type="radio" name="radiobutton2" value="1" /> </label> A.树型命名机制 <label> <input type="radio" name="radiobutton2" value="2" /> </label> B.星型命名机制 <label> <input type="radio" name="radiobutton2" value="3" /> </label> C.层次型命名机制 <label> <input type="radio" name="radiobutton2" value="4" /> </label> D.网状型命名机制 <br /><br />3.IP地址在概念上被分为( ) <label> <input type="radio" name="radiobutton3" value="1" /> </label> A.二个层次 <label> <input type="radio" name="radiobutton3" value="2" /> </label> B.三个层次 <label> <input type="radio" name="radiobutton3" value="3" /> </label> C.四个层次 <label> <input type="radio" name="radiobutton3" value="4" /> </label> D.五个层次<br /><br />4.在网站设计中所有的站点结构都可以归结为( ) <label> <input type="radio" name="radiobutton4" value="1" /> </label> A.两级结构 <label> <input type="radio" name="radiobutton4" value="2" /> </label> B.三级结构 <label> <input type="radio" name="radiobutton4" value="3" /> </label> C.四级结构 <label> <input type="radio" name="radiobutton4" value="4" /> </label> D.多级结构<br /><br />二、填空题(本大题共2小题，每小题15分，共30分。)<br /><br />1.HEAD标记符位于<input type="text" name="textfield" id="textfield" value=""/> 标记符之间。<br /><br />2.要使用文字“学生”同时显示为粗体和斜体，应使用语句<input type="text" name="textfield2" id="textfield2" value="" /><br /><br />三、判断题(本大题共3小题，每小题10分，共30分。)<br /><br />1.HTML标记符的属性一般不区分大小写。 <label> <input type="radio" name="radiobutton5" value="1" /> </label> 对 <label> <input type="radio" name="radiobutton5" value="2" /> </label> 错<br />2.网站就是个链接的页面集合。 <label> <input type="radio" name="radiobutton6" value="1" /> </label> 对 <label> <input type="radio" name="radiobutton6" value="2" /> 错 </label><br />3.HTML表格在默认情况下有边缘。 <label> <input type="radio" name="radiobutton7" value="1" /> </label> 对 <label> <input type="radio" name="radiobutton7" value="2" /> </label> 错 <br /><input type="button" value="提交" onclick="ok()"/></form><p> </p><b><i>郑彬</i></b></body></html><script language="javascript">function ok(){ var answer =new Array('2','3','2','2','1','1','2'); var totalScore=0; var question; for(var i=1;i<=7;i++) { curQuestion = document.getElementsByName('radiobutton'+i); curAnswerVal = this_radio_value(curQuestion); if(curAnswerVal==answer[i-1]){ totalScore=totalScore+10; } } textfield1 = document.getElementById('textfield').value; textfield2 = document.getElementById('textfield2').value; if(textfield1!=''){ if(textfield1=='<html></html>'){ totalScore=totalScore+10; } } if(textfield2!=''){ if(textfield2=='<b><i>学生</i></b>'){ totalScore=totalScore+10; } } alert("您的得分是："+totalScore);}function this_radio_value(obj){ for(i=0;i<obj.length;i++){ if(obj[i].checked){ return obj[i].value; } }}</script>