通过 JQUERY 检查单选按钮组的值？

Question

这可能看起来很愚蠢而且非常愚蠢，但我似乎无法弄清楚如何通过 JavaScript 检查我的 HTML 表单中单选按钮组的值。我有以下代码：

 <input type="radio" id="genderm" name="gender" value="male" />
<label for="genderm">Male</label>
<input type="radio" id="genderf" name="gender" value="female" />
<label for="genderf">Female</label>

如何通过 JavaScript 检索 gender 的值？

原文由 Propeller 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用的是 jQuery 之类的 javascript 库，则非常简单：

 alert($('input[name=gender]:checked').val());

此代码将选择 checked 输入 gender 名称，并得到它的 value 。是不是很简单？

现场演示

原文由 gdoron is supporting Monica 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您想避免框架（我几乎总是想这样做），请使用 document.querySelector( )。

 document.querySelector('input[name="gender"]:checked').value

原文由 darelf 发布，翻译遵循 CC BY-SA 3.0 许可协议