Javascript 制作测验单选按钮

标签 javascript html

我用 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/

相关文章:

javascript - 如何在 CRUD 执行后改进/保持分页

java - Wicket SelectOption<T> 在 Select<T> 进行的 getDefaultModelObject() 调用上返回 null

javascript - 验证输入框中的所有条目

html - 与导航下拉菜单相关的问题

javascript: SyntaxError: 当我在 var 中存储 html 时出现无效或意外的标记

javascript - 如何在Vuejs中从html和css生成pdf?

javascript - 如何使用 jQuery 过滤/克隆选择框选项?

javascript - React - 如何处理多个部分的网站?如何扩展 react 应用程序?

javascript - 如何在 Node 上进行 Nightmare 般的条件循环点击事件?

javascript - IE9不支持全局综合操作、圆 table 骑士游戏