18910140161

JavaScript-为什么我的“change”事件没有按预期工作?-堆栈溢出

顺晟科技

2022-10-19 12:51:26

167

好吧,我正在练习我的JS和HTML,我当前的代码如下所示:

我的目标是取消第一个收音机的“checked”,然后添加一个事件,每当我选择/“checked”它时,该事件将显示每个收音机的值,但正如您可能注意到的,到目前为止,只有当我选择第一个收音机时,警报才会显示。因此,如果我可以问,我在哪里做错了,我该如何修复它?

ps。为了练习,HTML必须保持不变。不添加Id或其他选择器。


顺晟科技:

document.querySelector('input[name="answer"]:checked').checked = false;
let Select = document.querySelector('input[name="answer"]');
Select.addEventListener('change', function(event) {
  alert(event.target.value)
})

以上用于元素选择器,而不是返回单个对象(第一个匹配) 返回元素数组。

  1. 使用QuerySelector只能获得第一个
  2. querySelector(...:checked)将工作,因为您只能有一个选中的无线电
  3. 我真的很喜欢委托-这是推荐的,很有意义

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航