如何检查是否使用 JavaScript 选择了单选按钮？

Question

我在 HTML 表单中有两个单选按钮。当其中一个字段为空时，会出现一个对话框。如何检查是否选择了单选按钮？

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

Answer 1

假设您有这样的 HTML

 <input type="radio" name="gender" id="gender_Male" value="Male" />
<input type="radio" name="gender" id="gender_Female" value="Female" />

对于客户端验证，这里有一些 Javascript 来检查选择了哪一个：

 if(document.getElementById('gender_Male').checked) {
  //Male radio button is checked
}else if(document.getElementById('gender_Female').checked) {
  //Female radio button is checked
}

根据您标记的确切性质，上述内容可以变得更高效，但这应该足以让您入门。

---

如果您只是想查看是否在页面的 任何位置 选择了 任何 单选按钮， PrototypeJS 可以让这一切变得非常简单。

这是一个函数，如果在页面某处至少选择了一个单选按钮，该函数将返回 true。同样，这可能需要根据您的特定 HTML 进行调整。

 function atLeastOneRadio() {
    return ($('input[type=radio]:checked').size() > 0);
}

---

对于服务器端验证 （请记住，您不能完全依赖 Javascript 进行验证！） ，这取决于您选择的语言，但您需要检查请求字符串的 gender 值。

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