Javascript 使用if-else语句条件检测是否选中了单选按钮

我想知道为什么

如果

和

如果

不起作用

我知道有很多类似的问题，但它们主要是关于jquery和php，而不是纯javascript。有一个问题与我的非常相似：

但即使在那里，我也复制了代码，

if

和

else if

语句不起作用

var label=document.getElementsByTagName（“标签”）；
var show=（）=>{
var c1h=document.getElementById（“c1h”）；
var th=document.getElementById（“th”）；
var c2h=document.getElementById（“c2h”）；
var c3h=document.getElementById（“c3h”）；
var c1=document.getElementById（“c1”）；
var t=document.getElementById（“t”）；
var c2=document.getElementById（“c2”）；
var c3=document.getElementById（“c3”）；
如果（c1h.checked==真）{
c1.style.visibility=“可见”；
}else if（th.checked==true）{
t、 style.visibility=“可见”；
}else if（c2h.checked==true）{
c2.style.visibility=“可见”；
}else if（c3h.checked==真）{
c3.style.visibility=“可见”；
}
}
label.onclick=show
p{
宽度：250px；
}
标签{
显示：块；
}
打上钩
.十字架{
宽度：20px；
高度：20px；
浮动：对；
可见性：隐藏；
}
什么是蜗牛？
A:昆虫


B:软体动物


C:两栖动物


D:哺乳动物

如果您的示例是您唯一需要做的事情，即单击单选按钮时立即看到正确答案，那么使用纯CSS就可以实现这一点

p{
宽度：250px；
}
标签{
显示：块；
边缘底部：1rem；
}
打上钩
.十字架{
宽度：20px；
高度：20px；
浮动：对；
可见性：隐藏；
}
/*查看是否选中了单选按钮，然后选择任何同级（~）（如果它是旁边的同级，则选择“+”，这里就是这种情况）*/
输入[type=“radio”]：选中~。勾选，
输入[type=“radio”]：选中~。交叉{
能见度：可见；
}

什么是蜗牛？ A:昆虫 B:软体动物 C:两栖动物 D:哺乳动物

---

控制台中出现错误-

标签从来没有声明过。声明后，请确保首先定义了什么是
show
，然后将其分配给
onclick
。现在将
未定义的
变量分配给
onclick
。这似乎与
if
/
else
s.@Ivar它是如何定义的几乎没有关系。我已经清楚地将箭头函数定义为
var show
。顺序不重要。我试过两种方法。谢谢@RickardElimää，但没有错误消息。我将
script
标记放在主体的底部。还要注意的是
onclick
应用于一个元素，其中
getElementsByTagName
返回一个元素集合。您需要循环该集合，并将
onclick
分别应用于每个元素。看见