Javascript 如何在测验中一次显示一个答案

现在，在您单击例如答案A并单击提交后，答案A后面会出现一些解释。当您单击答案B时，会弹出解释B。但解释仍然存在。如何解决这个问题

document.getElementById（“form1”）.onsubmit=function（e）{
e、 预防默认值（）；
variable=parseInt（document.querySelector（'input[name=“variable”]：checked'）。值）；
sub=parseInt（document.querySelector（'input[name=“sub”]：checked'）。值）；
con=parseInt（document.querySelector（'input[name=“con”]：checked'）。值）；
结果=变量+子项+con；
document.getElementById（“grade”）.innerHTML=结果；
var result2=“”；
如果（结果==0）{
结果2=“我认为你没有学习。”
};
如果（结果==33）{
result2=“您需要花费更多时间。请重试。”
};
如果（结果==66）{
result2=“我认为您可以做得更好。再试一次。”
};
如果（结果==99）{
result2=“非常好！”
};
document.getElementById（“grade2”）.innerHTML=result2；
return false；//不刷新页面是必需的；只需将其留在这里
}//这将结束提交函数
函数myFunction（）{
var checked=document.querySelector（“输入[name='variable']：checked”）；
var值=checked.parentNode.lastChild.id；
var回答；
开关（值）{
案例“演示”：
回答=“八角形是一个有8条边的物体”；
打破
案例“演示2”：
回答=“麻风病是一种慢性感染”；
打破
案例“demo3”：
回答=“是的！这是正确的”；
打破
}
checked.parentNode.lastChild.innerHTML=答案；
}

.quizbox{
宽度：58%；
最大宽度：950px；
边框：1px灰色实体；
保证金：自动；
填充：10px；
边界半径：10px；
边框宽度：5px；
边框颜色：#00A7AE；
利润率最高：7%；
文本对齐：居中；
位置：相对位置；
背景：#73B7DB；
}
.行{
文本对齐：左对齐；
颜色：白色；
左边距：10%；
}
演示，演示2，演示3{
显示：内联；
颜色：绿色；
保证金权利：30%；
浮动：对；
宽度：50%；
}

测验
蛾是什么目的成员？
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3
问题3
答复1
答复2
答复3

你的成绩是：__

fdf fdffdf
fd
hgf

你一小时前就知道了。你自己试一试，然后问个问题怎么样？是的，就是这样。我尝试了一些东西，但仍然不起作用