我正在开发一些问卷供用户回答。使用循环单选按钮,这是我的代码:
<?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开头的所有收音机。