我用 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 部分。我认为我应该创建一个数组来存储问题,但不知道在它之后我应该如何检查它们。
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")
}
}
}
提前致谢
最佳答案
您只获得了一个选定的单选按钮列表,而不是全部!
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;
}
关于Javascript 制作测验单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26746922/