如何验证循环动态单选按钮？

Question

我正在开发一些问卷供用户回答。 使用循环单选按钮，这是我的代码：

<?php
  $i4 = 1;
  while ($rows_element4 = mysql_fetch_array($result_element4)){
  ?>
  <tr>
  <td><?php echo $i4; ?></td>
  <td><?php echo $rows_element4['question_bm']; ?><br/><br/><i><?php echo $rows_element4['question_bi']; ?></i></td>
  <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="1" required oninvalid="this.setCustomValidity('Please choose something')"></td>
  <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="2"></td>
  <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="3"></td>
  <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="4"></td>
  <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="5"></td>
  </tr>
  <?php
  $i4++;
  }
  ?>

我不熟悉 javascript/jquery。 如何验证此表单中的单选按钮，以便所有问题都不会留空。？

Answer 1

您可以创建一个简单的函数，该函数将检查是否有任何单选按钮未选中，它将返回 false。

function isSubmissionValid(){
var isValid = true;
     if (!$("input[name='e4q']:checked").val()) {
        isValid = false;
      }
return isValid;
}

现在在提交按钮上单击调用此函数，它可以让您检查是否有任何单选按钮未选中。

 $('#submit_button').click(function() {
    if(isSubmissionValid())
    {
        //go ahead with form submission
    }
    else
    {
       alert("You must select all answer");
    }
 });

编辑

您可以使用input[name^='e4q']，它将通过e4q 选择您所有的收音机starting。