检查是否选择了输入
检查是否选择了输入
提问于 2021-08-13 15:59:20
HTML：
<div class="radio" id="uniform-L1"><span><input type="radio" name="length" class="radio" value="L1" id="L1"></span></div>JS：
<script>
if(document.getElementById('L1').checked) {
console.log("chwer");
}
</script>我试着找出我的JS出了什么问题，但我找不到。我没有控制台错误。
回答 3
Stack Overflow用户
回答已采纳
发布于 2021-08-13 16:04:57
如果要在每次选中单选按钮时记录change，请侦听"chwer"事件：
document.getElementById('L1').addEventListener('change', function() {
if (this.checked) {
console.log("chwer");
}
})<div class="radio" id="uniform-L1"><span><input type="radio" name="length" class="radio" value="L1" id="L1"></span></div>
Stack Overflow用户
发布于 2021-08-13 16:07:52
使用querySelector选择节点
function checkSelection() {
const input = document.querySelector('input[name="length"]');
if (input.checked) {
console.log(input.value);
}
}<div class="radio" id="uniform-L1">
<input type="radio" name="length" class="radio" value="L1" id="L1"> Radio
</div>
<button onclick="checkSelection()">Check</button>
Stack Overflow用户
发布于 2021-08-13 16:10:56
我认为问题在于，当您运行JS时，它只会检查单选按钮是否在加载时被选中(不会被选中)。如果希望JS在单选按钮更改时激活，则必须激活一个onclick来检查按钮何时更改，然后运行脚本。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68775316
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号