javascript - 选中或未选中按钮,javascript
问题描述
为什么这不起作用?它只适用于我的最后一个单选按钮。如果我点击最后一个,我的 div id="textInfo" 会显示,如果我再按第一个 o 秒,它就会消失。但我也希望当我按下第一个或第二个单选按钮时显示div 。
最后,我想在我的 div 中显示不同的信息,这取决于您单击的女巫单选按钮。
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")
}
})
}
解决方案
推荐阅读
- sql - oracle物化视图日志中的复合分区
- html - 即使窗口小于图像的宽度,如何在 CSS 中修复图像的高度
- c++ - GLFW,使用 glClear 从屏幕左上角的奇数偏移
- python - 使用 Selenium 页面提交表单后,只需重新加载
- python-3.x - mplfinance 烛台堆积在图表上,没有前进
- python - 如何从颜色轮廓创建颜色图/热图?
- python - 如果这些字符串略有不同,如何根据另一个列表中的字符串从列表中删除某些字符串?更多信息如下
- tensorflow - 为什么 VGG-16 在 CIFAR-10 数据集上表现不佳?
- c++ - 无法在 QT ubuntu 上使用 odbc 连接到 sql server
- bash - Shell 日期转换并分配给变量