javascript - ラジオボタンの検証

Question

私の検証は1つのラジオボタンのみで機能し、左のラジオボタンはすべてここで機能しないのは私のコードです

    <script>
function xyz()
{
var x = document.getElementsByName("red");
//alert(x.length);

   for (var i=0; i<x.length; i++)
    {
        if (x[i].checked) {
        return true;
    }else{
    alert("fe");
    return false;
    }
  }
}
</script>

<form name="as" method="post" action="n.php">
<input type="radio" id="x1"   name="red">
<input type="radio"  id="x2"   name="red">
<input type="radio"   id="x3"  name="red">
<input type="radio"   id="x4"  name="red">

<input type="submit" value="button" onclick="return xyz()">
</form>

Answer 1

これを試してみてください。

function xyz()
{
    var x = document.getElementsByName("red");
    for (var i=0; i<x.length; i++)
    {
        if (x[i].checked) {
            return true;
        }
    }
    // No radio button checked, return false.
    return false;
}

Answer 2

次のコードを試してください。

<script type="text/javascript">
function validate()
{
var checked = null;
var inputs = document.getElementsByName('correct');
for (var i = 0; i < inputs.length; i++) 
{
      if (inputs[i].checked) {
       checked = inputs[i];
   }
}
if(checked==null)
{
    alert('Please choose an option');
    return false;
}
else
{
    return confirm('Save As Correct Answer '+checked.value+'');
}
}   
</script>

<form method="post" name="Form" onsubmit="return validate()" action="">
<input type="radio" name="correct" id="correct" value="A">
<input type="radio" name="correct" id="correct" value="B">
</form>