2014-11-04 64 views
0

我已經用HTML和JavaScript編寫了這段代碼。我想做一個測驗,但我堅持讓所有問題的提交按鈕,然後顯示分數。Javascript製作測驗RadioButtons

<html> 
<head> 
<script src=funcs.js> </script> 
<title>Quiz</title> 
</head> 

<body> 
<form> 
Pyetja 1 : Cila eshte formula e famshe e Njutonit? 
<ul> 
<li><input type="radio" name="a1" value="gabuar">E=mv^2 </li> 
<li><input type="radio" name="a1" value="gabuar">E=mc^2 </li> 
<li><input type="radio" name="a1" value="sakte">F=ma </li> 
</ul> 

Pyetja 2: Cila eshte data e clirimit te Shqiperise? 
<ul> 
<li><input type="radio" name="a2" value="gabuar">18.11.1944</li> 
<li><input type="radio" name="a2" value="sakte">29.11.1944 </li> 
<li><input type="radio" name="a2" value="gabuar">28.11.1994 </li> 
</ul> 


Pyetja 3: Me cilat shtete kufizohet Shqiperia, ne rruge tokesore? 
<ul> 
<li><input type="radio" name="a3" value="gabuar">Serbi,Kosove,Greqi,Maqedoni</li> 
<li><input type="radio" name="a3" value="gabuar">Itali,Kosove,Greqi </li> 
<li><input type="radio" name="a3" value="sakte">Mali Zi, Kosove,Maqedoni, Greqi </li> 
</ul> 

</form> 

<p> 
<input name="btSubmit" type="button" value="Submit" onClick="fSubmit()"> 
</p> 


</body> 
</html> 

這是JavaScript的一部分。我認爲我應該創建一個數組來存儲問題,但無法弄清楚我應該如何檢查它們。

function fSubmit() { 
    var pgjSakte = document.getElementsByName("a1"); 
    var nrRadio = pgjSakte.length; 
    var nrSakte =0 

    for(var i = 0; i< nrRadio; i++) 
    { 
     if(pgjSakte[i].checked) 
     { 
     if(pgjSakte[i].value == "sakte"){ 
      alert("Sakte") 
       break;} 
     else 
      alert("Gabuar") 

     } 
    } 

    } 

由於提前

回答

0

做,在for循環

function fSubmit() { 

    for(var i = 1;i < 4;i++){ 

     elm = "a" + i; 

     pgjSakte = document.getElementsByName(elm); 
     nrRadio = pgjSakte.length; 
     nrSakte =0; 

     for(var j = 0; j< nrRadio; j++) 
     { 
      if(pgjSakte[j].checked) 
      { 
      if(pgjSakte[j].value == "sakte"){ 
       alert("Sakte") 
        break;} 
      else 
       alert("Gabuar") 

      } 
     } 

    } 

} 
3

你只得到一個選擇單選按鈕列表,而不是所有的人!

HTML

<div id='demo'> </div> 

的Javascript

function fSubmit() { 
var pgjSakte = document.getElementsByTagName ('input'); 
var nrSakte = 0 

for(var i = 0; i< pgjSakte.length; i++) 
{ 
    if(pgjSakte[i].checked == true) 
    { 
     if(pgjSakte[i].value == "sakte"){ 
      alert("Sakte"); 
      nrSakte++; 
     } 
     if(pgjSakte[i].value == "gabuar"){ 
      alert("Gabuar"); 

     } 
    } 
} 
document.getElementById("demo").innerHTML = nrSakte; 

}

+0

我的回答會一直與此相同,有你不要打敗我! :)這是我爲我的答案(如果提問者希望看到它的行動)的小提琴:http://jsfiddle.net/veb0w0kw/ – bentranter 2014-11-04 23:42:58