Javascript 单选按钮测验_Javascript_Html_Radio Button_Jquery

Javascript 单选按钮测验

javascript html jquery

Javascript 单选按钮测验,javascript,html,radio-button,jquery,Javascript,Html,Radio Button,Jquery,我正在尝试使用JavaScript/Html创建一个“测验”。在我开始之前，我想说的是，我是在4个小时前被介绍使用这种语言的，所以请耐心等待我。这是我到目前为止写的： <!DOCTYPE html> <html> <body> <form name="input" action="html_form_action.asp" method="get"> <input type="radio" name="Q1" value="A1">A

我正在尝试使用JavaScript/Html创建一个“测验”。在我开始之前，我想说的是，我是在4个小时前被介绍使用这种语言的，所以请耐心等待我。这是我到目前为止写的：

<!DOCTYPE html>
<html>
<body>

<form name="input" action="html_form_action.asp" method="get">
<input type="radio" name="Q1" value="A1">A1<br>
<input type="radio" name="Q1" value="A2">A2<br>
<input type="radio" name="Q1" value="A3">A3<br>
<input type="radio" name="Q1" value="A4">A4<br><br>
<input type="radio" name="Q2" value="A1">A1<br>
<input type="radio" name="Q2" value="A2">A2<br>
<input type="radio" name="Q2" value="A3">A3<br>
<input type="radio" name="Q2" value="A4">A4<br><br>
<input type="radio" name="Q3" value="A1">A1<br>
<input type="radio" name="Q3" value="A2">A2<br>
<input type="radio" name="Q3" value="A3">A3<br>
<input type="radio" name="Q3" value="A4">A4<br><br>
<input type="radio" name="Q4" value="A1">A1<br>
<input type="radio" name="Q4" value="A2">A2<br>
<input type="radio" name="Q4" value="A3">A3<br>
<input type="radio" name="Q4" value="A4">A4<br><br>
<input type="radio" name="Q5" value="A1">A1<br>
<input type="radio" name="Q5" value="A2">A2<br>
<input type="radio" name="Q5" value="A3">A3<br>
<input type="radio" name="Q5" value="A4">A4<br><br>
<input type="radio" name="Q6" value="A1">A1<br>
<input type="radio" name="Q6" value="A2">A2<br>
<input type="radio" name="Q6" value="A3">A3<br>
<input type="radio" name="Q6" value="A4">A4<br><br>
<input type="radio" name="Q7" value="A1">A1<br>
<input type="radio" name="Q7" value="A2">A2<br>
<input type="radio" name="Q7" value="A3">A3<br>
<input type="radio" name="Q7" value="A4">A4<br><br>
<input type="radio" name="Q8" value="A1">A1<br>
<input type="radio" name="Q8" value="A2">A2<br>
<input type="radio" name="Q8" value="A3">A3<br>
<input type="radio" name="Q8" value="A4">A4<br><br>
<input type="radio" name="Q9" value="A1">A1<br>
<input type="radio" name="Q9" value="A2">A2<br>
<input type="radio" name="Q9" value="A3">A3<br>
<input type="radio" name="Q9" value="A4">A4<br><br>
<input type="radio" name="Q10" value="A1">A1<br>
<input type="radio" name="Q10" value="A2">A2<br>
<input type="radio" name="Q10" value="A3">A3<br>
<input type="radio" name="Q10" value="A4">A4<br><br>
<script>

function checkTest()
{
var count = 0;
if ($('input:radio[name=Q1]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q2]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q3]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q4]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q5]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q6]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q7]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q8]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q9]:checked').val() == A1);
{
count = count + 1;
}
if ($('input:radio[name=Q10]:checked').val() == A1);
{
count = count + 1;
}
if (count > 6)
{
alert("Congratulations! You Passed!");
}
else
{
alert("You answered too many questions incorrectly. Try again.");
}
}
</script>
<button type="button" onclick="checkTest()">Submit Test!</button>
</form>

直接从这个网站上的另一个帖子，所以我不认为这是问题所在。请帮忙

编辑：我知道Javascript是一种不好的方法，但我只是想把语言写下来，而且，这只会在非常小的范围内使用。

在

标记之前添加以下内容：

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>

PS：如果您刚刚开始编写HTML和JavaScript，我强烈建议您不要使用jQuery

在

标记前添加以下内容：

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>

PS：如果您刚刚开始编写HTML和JavaScript，我强烈建议您不要使用jQuery

您正在使用，因此请在其中添加相应的脚本

您的id声明也应该是

if（$（'input:radio[name=Q1]：checked'）.val（）='A1'）
右侧值缺少“”（引号），最好使用==
而不是=

您正在使用，因此请在其中添加相应的脚本
您的id声明也应该是
if（$（'input:radio[name=Q1]：checked'）.val（）='A1'）
右侧值缺少“”（引号），最好使用==
而不是=
您的检查测试功能可以缩短，因为在一组单选按钮中，只能检查一个：
function checkTest() {
    var count = 0;

    for (var i=0,$el=$('input[type="radio"]:checked'),size=$el.size(); i<size; i++){ if ($el.eq(i).val() === 'A1') count++; }

    if (count > 6) alert("Congratulations! You Passed!");
    else alert("You answered too many questions incorrectly. Try again.");
}

功能检查测试（）{
var计数=0；
对于（var i=0，$el=$（'input[type=“radio”]：checked'），size=$el.size（）；i6）警报（“恭喜！你通过了！”）；
else alert（“您回答的问题太多，请重试”）；
}
您的检查测试功能可以缩短，因为在一组单选按钮中，只能检查一个：
function checkTest() {
    var count = 0;

    for (var i=0,$el=$('input[type="radio"]:checked'),size=$el.size(); i<size; i++){ if ($el.eq(i).val() === 'A1') count++; }

    if (count > 6) alert("Congratulations! You Passed!");
    else alert("You answered too many questions incorrectly. Try again.");
}

功能检查测试（）{
var计数=0；
对于（var i=0，$el=$（'input[type=“radio”]：checked'），size=$el.size（）；i6）警报（“恭喜！你通过了！”）；
else alert（“您回答的问题太多，请重试”）；
}
JavaScript是验证测验的可怕方式，任何人都可以看到答案。您缺少jQuery库，这是允许您执行$（'input:radio[name=Q10]：checked'）.val（）
。作为一名javascript初学者，我建议您在使用诸如jQuery之类的库之前先使用它。javascript是一种可怕的验证测验的方法，任何人都可以看到答案。您缺少jQuery库，这是允许您执行$（'input:radio[name=Q10]：checked'）.val（）
。作为一名javascript初学者，我建议您在使用诸如jQuery之类的库之前使用它。这仍然不起作用，我知道我可能不应该使用jQuery，但我不知道有任何替代方法可以在本地确定单选按钮输入。count=count+1=count++@DJDavid98我现在正在修复它，我还没有真正进入优化阶段。谢谢，我会马上编辑。@R.j.Antonello看看我的现场演示（工作示例）：。尝试检查我对JavaScript部分的修改。谢谢！！这是一个很大的帮助。我想我会回去阅读JQuery和JavaScript，并尝试一些更简单的例子。这仍然不起作用，我知道我可能不应该使用JQuery，但我不知道有任何其他方法可以在本地确定单选按钮输入。count=count+1=count++@DJDavid98我现在正在修复它，我还没有真正进入优化阶段。谢谢，我会马上编辑。@R.j.Antonello看看我的现场演示（工作示例）：。尝试检查我对JavaScript部分的修改。谢谢！！这是一个很大的帮助。我想我要回去阅读JQuery和JavaScript，并尝试一些更简单的例子。
function checkTest() {
    var count = 0;

    for (var i=0,$el=$('input[type="radio"]:checked'),size=$el.size(); i<size; i++){ if ($el.eq(i).val() === 'A1') count++; }

    if (count > 6) alert("Congratulations! You Passed!");
    else alert("You answered too many questions incorrectly. Try again.");
}