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

Question

如何检查是否使用JavaScript选择单选按钮？我在HTML表单中有两个单选按钮。当其中一个字段为NULL时，将显示一个对话框。如何检查是否选择了单选按钮？

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}

根据标记的确切性质，上面的内容可能会更高效，但这应该足以让您开始工作。

---

如果你只是想看看任何选择单选按钮任何地方在那页上，原型JS让事情变得很简单。

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

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

---

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

Answer 2

带着jQuery，就像

if ($('input[name=gender]:checked').length > 0) {
    // do something here}

让我把它分解成几个部分，以便更清楚地说明这一点。jQuery从左到右处理事物。

input[name=gender]:checked

1. input

   将其限制为输入标记。

2. [name=gender]

   将其限制为上一组中具有名称、性别的标记。

3. :checked

   将其限制为在上一组中选择的复选框/单选按钮。

如果要完全避免这种情况，请将其中一个单选按钮标记为“选中”(checked="checked")在HTML代码中，这将保证始终选中一个单选按钮。

Answer 3

一种香草的JavaScript方式

var radios = document.getElementsByTagName('input');var value;for (var i = 0; i < radios.length; i++) {
    if (radios[i].type === 'radio' && radios[i].checked) {
        // get value, set checked flag or do whatever you need to
        value = radios[i].value;       
    }}