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']选择所有收音机starting和e4q。

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

1 个答案: