Question

一个网站上有3个单选按钮，我想使用javascript检查显示“女性”的单选按钮。我该怎么做？

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other

document.getElementsByValue("female").checked = true;

Answer 1

通过document.querySelector("input[value='female']"，您可以使用值进行选择。

document.querySelector("input[value='female']").click()

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other

Answer 2

您可以通过将其绑定到函数并使用.checked和.name访问布尔值来获取值，其中选中了该值

function radionButtonChecked(e) {
  console.log(e.checked, "  ",e.value);
}

<input type="radio" name="gender" value="male" onclick="radionButtonChecked(this)"> Male<br>
<input type="radio" name="gender" value="female" onclick="radionButtonChecked(this)"> Female<br>
<input type="radio" name="gender" value="other" onclick="radionButtonChecked(this)"> Other

使用JavaScript检查单选按钮的值

2 个答案: