哪位帮手可以帮我解决下问题,大概思路我写一下,代码全

大概思路: 按提交按钮可以实现在线算分的
问题是不管我怎么按都是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>&nbsp;</p>
</body>
</html>

解决方案 »

  1.   

    lz 你本身写的html代码有问题，只要一个<form></form>来包含这些input元素就好
    还有下面这样
    <option value="1">
      <input type="radio" name="radiobutton" />//要改为
       <input type="radio" name="radiobutton1"  value="1"/>
    下面实现了选择题和判断题的加分,不足之处再调整下
    <!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" /> 标记符之间。
    <br />
    <br />
    2.要使用文字“学生”同时显示为粗体和斜体，应使用语句
    <input type="text" name="textfield2" />
    。<br />
    <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>&nbsp;</p></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;
    }
     }
     alert("您的得分是："+totalScore);
    }function this_radio_value(obj){
    for(i=0;i<obj.length;i++){
    if(obj[i].checked){
    return obj[i].value;
    }
    }
    }
    </script>
      

  2.   

     <input type="text" name="textfield" id="textfield" value=""/> 标记符之间。
    2.要使用文字“学生”同时显示为粗体和斜体，应使用语句
    <input type="text" name="textfield2" id="textfield2"  value="" />
    document.getElementById('textfield').value
    document.getElementById('textfield2').value
    获取值跟正确答案比较，不过，为什么一定要用填空题，一般情况这样不是很好
      

  3.   


    <!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>&nbsp;</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>
      

  4.   


    <!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 />
    <br />
    <input type="button" value="提交" onclick="ok()"/></form>
    <p>&nbsp;</p>
    </body>
    </html>
    <script type="text/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>