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

How to validate loop dynamic radio button?

本文关键字：循环 动态 单选按钮 验证 何验证      更新时间：2024-04-01

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

<?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。如何验证此表单中的单选按钮，使所有问题不会留空。？

您可以创建一个简单的函数，该函数将检查如果没有检查任何单选按钮，它将返回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开头的所有收音机。

相关文章：