选中或未选中按钮,javaScript
为什么这不起作用?它只适用于我的最后一个单选按钮。如果单击最后一个,我的 div id=“textInfo”显示,如果我按下第一个o秒,它就会消失。但我也 希望在我按下第一个或第二个单选按钮时显示div 最后,我想在我的div中显示不同的信息,这取决于您单击的witch单选按钮选中或未选中按钮,javaScript,javascript,foreach,radio-button,checked,Javascript,Foreach,Radio Button,Checked,为什么这不起作用?它只适用于我的最后一个单选按钮。如果单击最后一个,我的 div id=“textInfo”显示,如果我按下第一个o秒,它就会消失。但我也 希望在我按下第一个或第二个单选按钮时显示div 最后,我想在我的div中显示不同的信息,这取决于您单击的witch单选按钮 const btn = document.querySelectorAll('.radio'); const info = document.getElementById("txtInfo&qu
const btn = document.querySelectorAll('.radio');
const info = document.getElementById("txtInfo");
console.log(btn);
btn.forEach(btn => {
btn.addEventListener('click', show)
});
function show(e) {
btn.forEach((e) => {
if (e.checked) {
info.style.transform = "scale(1)";
//console.log(e.id + "True")
} else {
info.style.transform = "scale(0)";
//console.log(e.id + "False")
}
})
}
btn.forEach(btn=>{btn.addEventListener('click',show)})代码>有效,但为了您自己的理智(以及您代码的所有其他读者),请将“外部”btn
重命名为buttons
,因为它是一个集合“buttons”。什么是txtInfo
s标签?span或其他方式,此代码将始终将scale设置为1,因为在单击其中一个收音机之前,txtInfo
不会被缩放,并且由于您至少已检查了一个收音机(不能全部取消选中),因此无法访问scale(0)。哦,是的,现在我明白了为什么它不能按我想要的方式工作。谢谢嗯,那我怎么才能让它按我想要的方式工作呢?:)