使用JavaScript统计单选框的正确答案数量

嘿，我来帮你搞定这个统计正确答案数量的需求！结合你给出的HTML结构，我整理了一个简单实用的脚本方案，操作起来很方便：

核心思路 #

我们只需要精准定位所有标记为“正确”的单选框，逐一检查它们是否被用户选中，最后统计选中的总数就可以了——不用纠结每道题的name属性，直接抓目标元素更高效。

完整脚本代码 #

// 初始化正确答案计数器
let correctAnswerCount = 0;

// 获取所有带"correct"值的单选框（也就是每道题的正确选项）
const correctOptions = document.querySelectorAll("input[type='radio'][value='correct']");

// 遍历每个正确选项，检查是否被选中
correctOptions.forEach(option => {
    if (option.checked) {
        correctAnswerCount++;
    }
});

// 这里可以根据需求调整结果输出方式，比如打印到控制台或者显示在页面上
console.log(`你一共答对了 ${correctAnswerCount} 道题`);
// 如果要显示在页面某个元素里，可以这样写：
// document.getElementById("score-display").textContent = `得分：${correctAnswerCount}/10`;

关键细节说明 #

• 使用document.querySelectorAll()精准筛选所有带value='correct'的单选框，比getElementsByTagName更高效，直接定位目标元素。
• 通过单选框的checked属性判断是否被选中，只要正确选项被勾选，就增加计数。
• 脚本具备适配性：哪怕题目数量不是固定10道，也能自动统计所有正确选项的选中数量，无需硬编码题目总数。

内容的提问来源于stack exchange，提问作者user9593500