三行代码  ›  专栏  ›  技术社区  ›  Samuel Ramzan

我试图在选择单选按钮时提交表单,但没有成功

  •  0
  • Samuel Ramzan  · 技术社区  · 1 月前

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

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

    对于JavaScript专家来说,这一定很简单。

    请不要用jQuery。

    1 回复  |  直到 1 月前
        1
  •  1
  •   Andika Prasetya    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>