如何验证此单选按钮?

时间:2013-06-17 17:31:10

标签: javascript validation field radio checked

如何验证无线电场?必须检查它,如果没有检查,我要么想要显示err_radio441或警告。我读了一些关于已检查的帖子,但是我从名字中提取,因为我知道ID不会起作用。我失踪了。检查或其他什么。任何帮助将不胜感激!

function validateForm()  {
    var primaryfullname=document.getElementById('primaryfullname').value.trim();
    var birthdate=document.getElementById('birthdate').value.trim();
    var radio441=document.getElementByName('radio441').value.trim();

var count=0;

 if (primaryfullname.length==0)  {
     document.getElementById("err_primaryfullname").innerHTML="<br><span class='errorbar'>*You must enter a primary name</span>";
            } else {
    count++; 
    document.getElementById("err_primaryfullname").innerHTML="";
   }



  if (birthdate.length==0)   {
     document.getElementById("err_birthdate").innerHTML="<br><span class='errorbar'>*You must enter a primary birth date</span>";
            } else {
    count++; 
    document.getElementById("err_birthdate").innerHTML="";
   }



 if (radio441.length==0)  {   
     document.getElementById("err_radio441").innerHTML="<br><span class='errorbar'>*You must select a gender</span>";
            }  else  {
     count++; 
     document.getElementById("err_radio441").innerHTML="";
   }

 if (count==3)
     {
      return true;
      } else {
      return false;
      }

} // End Validation Function

2 个答案:

答案 0 :(得分:1)

尝试使用:

var radio441 = document.getElementsByName('radio441');

// your other code

function checkRadio(elem){
    for (var i = 0; i < elem.length; i++) {
        if(elem[i].checked) return true;      
    }
    return false;
}

if (!checkRadio(radio441)){
     document.getElementById("err_radio441").innerHTML="<br><span class='errorbar'>*You must select a gender</span>";
} else {
    count++; 
    document.getElementById("err_radio441").innerHTML="";
}

循环遍历每个单选按钮,如果选中其中任何一个,则返回true,如果没有,则返回false。

答案 1 :(得分:0)

if (!radio441.checked) {
   // The radiobutton is not checked
} else {
   // The radiobutton is checked
}

修改
要按名称获取元素,必须使用document.getElementsByName('radio441')[0],假设只有一个元素具有该名称。

var radio441 = document.getElementsByName('radio441')[0];
if (!radio441.checked) {
   // The radiobutton is not checked
} else {
   // The radiobutton is checked
}