我想创建一个有多个单选按钮的表单。我使用for循环生成单选按钮,如下所示:
<form name="myForm" method="POST" id="myForm" action="result.php" onsubmit="">
<?php for ($i = 1; $i <= $row = mysqli_fetch_array($result); $i++)
{ ?>
<input type="radio" name="opt<?php echo $i; ?>" id="opt<?php echo $i; ?>" value="A"/><br/>
<input type="radio" name="opt<?php echo $i; ?>" id="opt<?php echo $i; ?>" value="B"/> <?php } ?>
我想确保对于每个单选按钮组,有一个选择的答案。我一直在无休止地搜索,我找到了这段代码:
</script><script type="text/javascript">
function validate() {
var x = "<?php echo $j;?>";
var formValid = false;
for (var i = 1; i <= x; i++)
{
var y = document.getElementsByName("opt"+i);
var j = 0;
while (!formValid && j < y.length){
if (y[j].checked) {
formValid = true;
j++;
alert("test");
}
break;
}
}
if (!formValid) { alert("all fields required");
return false;
}
else
{
var form = document.getElementById("myForm");
form.submit();
}</script>
我的问题是,即使所有的单选按钮都被选中,所有需要的字段仍然弹出,表单将提交。我是不是漏掉了什么?请帮助。我已经被这事困扰好几天了。
一旦找到一个已检查的字段,就永远不会检查其他字段,假设一切正常。
您希望单独检查字段,当您看到不有效时退出。
var formValid = true;
for (var i = 1; i <= x; i++)
{
var fieldValid = false;
var y = document.getElementsByName("opt"+i);
var j = 0;
while (!fieldValid && j < y.length){
if (y[j].checked) {
fieldValid = true;
break;
}
j++;
}
if (! fieldValid)
{
formValid = false;
break;
}
}