javascript - 检查是否选中任何单选按钮，然后执行代码(多组按钮)

Question

我使用 PHP 解析问题和答案的 XML 进行了多项选择测试。生成的 HTML 看起来像这样:

<form>
<div id="category0">
    <div id="set0">
        <div class="question">What is 6 x 6?</div>
        <input type="radio" name="0" value="3">3<br>
        <input type="radio" name="0" value="30">30<br>
        <input type="radio" name="0" value="36">36<br>
        <input type="hidden" class="answer" value="36">
    </div>
    <div id="set1">
        <div class="question">What is 2 x 6?</div>
        <input type="radio" name="1" value="4">4<br>
        <input type="radio" name="1" value="12">12<br>
        <input type="radio" name="1" value="36">43<br>
        <input type="hidden" class="answer" value="12">
    </div>
    <!-- A LOT MORE QUESTIONS -->
</div>
<div id="category1">
    <div id="set2">
        <div class="question">Which of these tools would you use to hammer a nail?</div>
        <input type="radio" name="2" value="A hammer">A hammer<br>
        <input type="radio" name="2" value="Another nail">Another nail<br>
        <input type="radio" name="2" value="A saw">A saw<br>
        <input type="hidden" class="answer" value="A hammer">
    </div>
    <div id="set3">
        <div class="question">What color is a red truck?</div>
        <input type="radio" name="3" value="red">red<br>
        <input type="radio" name="3" value="blue">blue<br>
        <input type="radio" name="3" value="green">green<br>
        <input type="hidden" class="answer" value="red">
    </div>
    <!-- A LOT MORE QUESTIONS -->
</div>  
<!-- MORE CATEGORIES WITH A LOT OF QUESTIONS-->
</form>

类别被命名为“Category”+一个从0开始的数字(category0、category1...)答案存储在隐藏字段中，并且与正确的选项值完全相同。

我创建了一个 JS 函数，用于检查所选答案是否正确，并根据设置的 div 的背景颜色。该函数在每个 radio 输入中单击时触发。

我需要帮助为所有问题和每个类别分别创建答案统计/分数。一开始，所有可能答案的分数都是 0。如果我点击第一个问题的正确选择，得分将为所有可能问题中的 1 分，以及第一类所有问题中的 1 分。

我想实现这一点(当单击任何按钮时)，而不发布表单(无 POST/GET)。

希望我描述了我的问题以便您能够理解，如果需要任何说明，请告诉我。到目前为止，我只使用 JS，但也欢迎使用 jQuery 的任何解决方案。

Answer 1

单击单选按钮时，执行您已经必须确定答案是否正确的相同逻辑，但为每个“类别”调用它，而不仅仅是单击的类别。

从 0 开始变量，每次找到正确答案时将其加 1。然后，在循环之后，您可以使用变量的值更新“正确答案”消息。这不需要任何回发。