如何驗證此單選按鈕？

Question

如何驗證無線電場？ 必須檢查它，如果沒有檢查，我希望顯示一個 err_radio441 或一個警報。 我讀了一些關於檢查的帖子，但我從名字中刪除，因為我知道 ID 不起作用。 我錯過了 .checked 什么的。 任何幫助，將不勝感激！

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

Answer 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。

Answer 2

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
}