如何在Javascript中获取单选按钮的值？

Question

我创建了一个管理页面，我在其中输入了类似 type='name' 的值，该值将作为单选按钮提交到另一个页面时弹出。但是我从发布单选按钮的页面上的控制台收到错误“无法读取 null 的属性值”。let answer = document.querySelector('input[name="choice"]:checked').value;

Answer 1

var radios = document.getElementsByName('genderS');

for (var i = 0, length = radios.length; i < length; i++) {

    if (radios[i].checked) {

        // do whatever you want with the checked radio

        alert(radios[i].value);

        // only one radio can be logically checked, don't check the rest

        break;

    }

}

<label for="gender">Gender: </label>

<input type="radio" name="genderS" value="1" checked="checked">Male</input>

<input type="radio" name="genderS" value="0" >Female</input>

Answer 2

您提供的代码段应该可以工作。它确实假设 HTML 中有输入字段：

1. 有name="choice"，并且

2. 已被检查

没有看到 HTML，很难说，但可能会在 HTML 中查找拼写错误。

document.getElementById('button').addEventListener('click', () => {

  const radio = document.querySelector('input[name="choice"]:checked');

  if (radio) {

    const answer = radio.value;

    console.log(`choice ${answer}`);

  } else {

    console.log('no choice');

  }

});

<label><input type="radio" name="choice" value="1" /> One</label>

<label><input type="radio" name="choice" value="2" /> Two</label>

<div>

  <button id="button">Click</button>

</div>