Question

我做了一个五个问题测验，每个测验有四个答案，并希望将每个问题/答案分配给一个数组中自己的位置。例如，这是我的HTML代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="SQ.css">
    <script src="SQ.js"></script>
    <title>'Simple Quiz'</title>
</head>
<h3>Let's See What You Know!!</h3>
<body>
<div id="question1" class="div activequestion">
    <p>What is the capital of Washington?</p>
    <input type="radio" class="input" id="q1" name="Q1">Salem
    <br>
    <input type="radio" class="input" id="q1" name="Q1">Seattle
    <br>
    <input type="radio" class="input" id="q1" name="Q1">Olympia
    <br>
    <input type="radio" class="input" id="q1" name="Q1">Helena

</div>
<div id="question2" class="div">
    <p>How many countries are in Europe?</p>
    <input type="radio" class="input" id="q2" name="Q2">51
    <br>
    <input type="radio" class="input" id="q2" name="Q2">15
    <br>
    <input type="radio" class="input" id="q2" name="Q2">46
    <br>
    <input type="radio" class="input" id="q2" name="Q2">27

这是我测验的前两个问题。

我想创建一个包含两组数据的数组。我的意思是我想问一个答案3是[0,2]等等。这是否必须在我的代码的Javascript部分中分配，或者这可以直接在html中完成，也可以在div＆lt; ＆gt;为每个问题/答案？

另外，如何使用此数组格式在测验结束时检查正确的答案？这是fiddle。所有帮助表示赞赏！

Answer 1

首先，从不为多个元素分配相同的ID。

其次，您可以通过命名name="q1[]"或name="questions[q1][]"

将输入作为数组传递

Answer 2

您可以在Javascript中将所有正确答案存储在数组中。或者在html中创建一个隐藏元素来存储它们。然后根据问题查看数组索引并检查答案。

如何为数组中的位置指定测验答案？

2 个答案: