Question

JavaScript 多选测验。正确答案显示元素

2014-07-29

3984

javascript html

875398939

我是JavaScript的新手，但是我正在尝试在每个部分中使用4个问题创建一个多项选择测验。一旦所有答案在该部分中正确回答，它将显示下一节。对于我的html，我正在使用表，并将整个部分存储在这些单个表中，这些表格标记为“ sectionOne”，“ sectiontwo”等。上面的代码是我一直在工作的。我尝试了getElementByClass，并按课堂分配了我的元素名称，但这无效。我只是陷入困境，需要对要走哪个方向的洞察力。

我的脚本可用于选择单个答案。如果我选择第1节问题1回答一个具有“ sectiontwo”的ID的表。

Answer 1

您可以尝试使用一个变量来跟踪一个部分中填写了多少个问题，然后检查该变量以决定是否显示下一个部分。例如：

//count of questions answered
var s1count = 0;
//question 1
if (document.getElementById('S1Q1A').checked || document.getElementById('S1Q1B').checked || document.getElementById('S1Q1C').checked || document.getElementById('S1Q1D').checked) {
  s1count++;
}
//question 2
if (document.getElementById('S1Q2A').checked || document.getElementById('S1Q2B').checked || document.getElementById('S1Q2C').checked || document.getElementById('S1Q2D').checked) {
  s1count++;
}
//and so on...

//check the count, say if section 1 has 5 questions
if (s1count == 5) {
  document.getElementById("sectiontwo").style.display = "block"; //or inline
}