javascript - 使用 javascript 验证动态命名的单选按钮

Question

我一直在寻找单选按钮验证的各种示例并掌握这个概念，但似乎没有任何示例适合我的情况。我查询了我的数据库，其中有 4 个选项，对于每个选项，我生成了一个关联的单选按钮，如下所示:

<?php foreach($options as $option){ ?>

<p><input type="radio" name="ID<?php echo $row['id']; ?>" value="<?php echo $option; ?>"><?php echo $option; ?></p>

<?php } ?>

因此，这基本上会从数据库调用每行生成 4 个单选按钮。这在源代码中显示为:

<form method="POST" action="Result.php">
    <p>1.  Question </p>
        <p><input type="radio" name="ID1" value="answer1">answer1</p>
        <p><input type="radio" name="ID1" value="answer2">answer2</p>
        <p><input type="radio" name="ID1" value="answer3">answer3</p>
        <p><input type="radio" name="ID1" value="answer4">answer4</p>
    <p>2.  Question 2</p>   
        <p><input type="radio" name="ID2" value="answer1">answer1</p>
        <p><input type="radio" name="ID2" value="answer2">answer2</p>
        <p><input type="radio" name="ID2" value="answer3">answer3</p>
        <p><input type="radio" name="ID2" value="answer4">answer4</p> 
    <input type="submit" name="submit" value="Submit!">          
</form>

等等等等

这些单选按钮的名称部分由 php 生成，我如何使用带有关联警报的 javascript 来检查每个问题中的 1 个单选按钮在提交问题所填充的表单之前已被检查？

或者甚至我怎样才能用 php ISSET 实现这一点？

Answer 1

仅使用 JavaScript 来验证单选组中的单选按钮是否已选中:

function radiogroupSelected(name){
    var inputArr = document.getElementsByName(name);
    for(var i = 0; i < inputArr.length; i++){
        if(inputArr[0].checked){
            return true;
        }
    }

    return false;
}

现在您可以调用此函数，例如 radiogroupSelected('ID1') 来确定是否选择了其中一个输入。