使用JavaScript检查单选按钮的值

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