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

我不熟悉JavaScript，但我正在尝试在中创建一个选择题测验，每个部分有4个问题。该部分中的所有答案正确回答后，将显示下一部分。对于我的HTML，我使用表，并将整个部分存储在这些单独的表中，这些表的id标记为“sectionone”、“sectiontwo”等等。上面的代码就是我一直在使用的代码。我尝试了getElementByClass并按类分配了元素名称，但没有成功。我只是有点卡住了，需要一些关于前进方向的见解

---

我的脚本用于选择单个答案。如果我选择第1节问题1答案A，将显示id为“Section2”的表格。

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

function HideSectionTwo() {

    // If correct answers are checked 
    if(document.getElementById("S1Q1A").checked == true)  {
        document.getElementById("sectiontwo").style.display = "";

    }
    //else if nothing is checked
    else {
        document.getElementById("sectiontwo").style.display = "none";
    } 
}

---

你好我们可以看看你的HTML吗？这里到底是什么问题？你是在问如何保持一个部分，直到所有四个正确的答案都被检查出来？经过一点定制后，这个工作非常好。只是需要朝正确的方向轻推一下。非常感谢！

//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
}