嘗試驗證是否選擇了單選按鈕

Question

我看了幾個地方，找不到一個有效的例子。 在我的示例中，我選擇了無線電組並測試了null，因此我可以發出一條消息，告訴用戶進行選擇。

<script>                        
function validate(form) {   
    fail = validate__veteran(form);
    if (fail == "") { 
        return true;
        } else { 
            alert(fail);
            return false;
        }
    }
</script>
<script> 

    function validate_veteran(form) {
        var radios = document.getElementsById('veteran');
        if (radios == null) {
            return "please make a selection for veteran";
        }
        return "";
    }
</script>
<form method="post" action="checkbox.php" onSubmit="return validate(this)">
        Veteran?<**input type="radio" id="veteran"** name="veteran" value="veteran" /> yes <br>
                <input type="radio" id="veteran" name="veteran" value="" /> no <br>
<input id="submit" type="submit" name="submit" value="Signup" />                        
</form>

Answer 1

您可以像這樣獲得檢查狀態：

var radios = document.getElementById('veteran').checked;

Answer 2

1. 更好的是，為您的單選按鈕分配兩個不同的ID，並檢查使用哪個檢查

     document.getElementsById('ContorlID').checked 

或者通過ur代碼gng，使用value屬性

  function validate_veteran(form) {
       var radios = document.getElementsById('veteran');
       if (radios.value == "" {
         return "please make a selection for veteran";
       }
    return "";
  }

Answer 3

如果你可以使用Jquery，這可以在單行中實現

    if ($('input[name=veteran]:checked').length <1) {
      alert("please make a selection for veteran");
return false;
    }

Answer 4

將您的表格更改為：

<form method="post" name='myForm' action="checkbox.php" onSubmit="return validate(this)">

和

   <script>
    function validate_veteran(form) 
    var veteran="";
        for (var i=0; i < document.myForm.veteran.length; i++)
   {
   if (document.myForm.veteran[i].checked)
      {
      veteran = document.myForm.veteran[i].value;
      }
 return veteran
    }
    </script>