一组单选按钮的javascript条件语句

我想做一个在线测试，但是我对下面的代码有一些问题

我想让它在按下按钮时标记正确答案和错误答案，并显示分数

现在我有以下问题：我希望第一个switch语句仅用于第一组单选按钮，第二个switch语句用于第二组按钮，依此类推

我怎么能这么做？现在运行代码时，即使未选中任何单选按钮，或者仅选中其中一个组中的按钮，颜色也会更改

函数showScore（）{
var检查；
var合计=0；
var yourmark=“你的分数是”；
开关（document.getElementById（'q12'）。选中）{
大小写正确：
总计=总计+1；
document.getElementById（'text1'）.style.color=“绿色”；
打破
案例错误：
document.getElementById（'text0'）.style.color=“红色”；
document.getElementById（'text2'）.style.color=“红色”；
document.getElementById（'text1'）.style.color=“绿色”；
打破
}
开关（document.getElementById（'q13'）。选中）{
大小写正确：
document.getElementById（'text0.1'）.style.color=“绿色”；
总计=总计+1；
打破
案例错误：
document.getElementById（'text1.1'）.style.color=“红色”；
document.getElementById（'text1.2'）.style.color=“红色”；
打破
}
警惕（你的分数+总数）；
}

问题1——第一种选择


问题1——第二种选择


问题1——第三种选择




问题1——第一种选择


问题1——第二种选择


问题1——第三种选择


显示我的分数

试试这个：

var questions=document.forms.myForm.getElementsByClassName（'question'）；
document.getElementById（'showScore'）。onclick=函数showScore（）{
var总计=0，
正确=0；
for（var i=0；i标签：在每个答案后面的{/*换行符之后）*/
内容：''；
显示：块；
}
.question.show-score>输入[value=true]+标签{
颜色：绿色；
}
.question.show-score>输入[value=false]+标签{
颜色：红色；
}

问题1——第一种选择
问题1——第二种选择
问题1——第三种选择
问题2——第一种选择
问题2——第二种选择
问题2——第三种选择
显示我的分数

嗯，ehr：将它们分组。您的代码和html有很多错误。Id不一致，您使用的是内联事件处理程序，代码本身很庞大等等

如果将单选按钮与周围的div分组，请使用一致的id，

标签

而不是

标记，将标签格式保留为css，并使用

querySelector[All]

，代码可能会短得多。例如：

document.querySelector('body').addEventListener('click', showScore);

function showScore(e) {
    var from = e.target || e.srcElement, fromtype = from.type;
    if ( !(fromtype && /radio/i.test(fromtype)) ) { return true; }
    var score = document.querySelectorAll('input:checked[value=true]').length;
    // .. do stuff with [score]
}

---

这篇j

中演示了您是否可以使用jQuery？我明白了。您是否尝试过通过浏览器工具调试代码？您有两个单选按钮元素，ID为

q12

ID。这是故意的吗？没有ID

text1.1

，使用

text1\u 1

什么是

？您应该改用

。