2014-11-04 2 views
0

이 코드를 HTML 및 JavaScript로 작성했습니다. 나는 퀴즈를 만들고 싶었지만 모든 질문에 대해 제출 버튼을 만든 다음 점수를 표시하려고했습니다.자바 스크립트 퀴즈 라디오 버튼

<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 부분입니다. 나는 질문을 저장하기 위해 Array를 생성해야하지만, 그 후에 어떻게 점검해야하는지 파악할 수 없다고 생각한다.

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

에 하나만 선택 radiobuttonlist을 받고되었고, 모든 그들!

HTML

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

자바 스크립트가

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

관련 문제