我在选择单选按钮时尝试提交表单，但 javascript 不成功

【问题标题】：I'm trying to submit a form when selecting a radio button and not successful javascript我在选择单选按钮时尝试提交表单，但 javascript 不成功
【发布时间】：2022-01-06 19:31:53
【问题描述】：

这是我最后一次尝试，我没有成功。

if(document.querySelectorAll("input[name='myRadioButton']").checked) {   
  alert("checked");
}

对于 JavaScript 专家来说一定很简单。为什么 JavaScript 这么难？

请不要使用 jQuery。

【问题讨论】：

标签： javascript html forms radio-button

【解决方案1】：

您可以像这样使用事件监听器来处理输入更改：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="radio" name="myradio" />
    <input type="radio" name="myradio" />
    <input type="radio" name="myradio" />
  </body>
</html>
<script>
  let radio = document.getElementsByName("myradio");

  for (let i = 0; i < radio.length; i++) {
    radio[i].addEventListener("input", () => {
      alert("checked");
    });
  }
</script>

【讨论】：