Question

我的html页面上有五个问题的多选问卷。每个问题都使用单选按钮供用户选择五个答案中的一个。我想检查用户是否选择了这五个单选按钮中的一个，然后才允许他们转到另一个页面。 PHP页面将答案发送到我的数据库。如果用户错过了检查其中一个答案，则没有答案进入数据库。我想我正在寻找一些java脚本，它将遍历每个可能的五个答案以检查表单提交用户是否已经选中了一个单选按钮，然后才允许它们进入下一页。谢谢你的帮助。我的两个问题的html代码如下所示：

<tr> <td> Question 1.  </td> 
<td  align="center"> <input type="radio" name="q1" value="0" /></td>
<td  align="center"> <input type="radio" name="q1" value="1" /> </td>
<td  align="center"> <input type="radio" name="q1" value="2" /> </td>
 <td  align="center"> <input type="radio" name="q1" value="3" /> </td>
 <td  align="center"> <input type ="radio" name="q1" value="4" /> </td> 
 </tr>
 <tr> <td> Question 2.  </td>
 <td  align="center"><input type="radio" name="q2" value="0"/></td>
 <td  align="center"> <input type="radio" name="q2" value="1"/> </td>
 <td  align="center"> <input type="radio" name="q2" value="2"/> </td>
 <td  align="center"> <input type="radio" name="q2" value="3"/> </td>
 <td  align="center"> <input type ="radio" name="q2" value= "4"/> </td> </tr>

Answer 1

考虑以下示例......并在代码中进行更改..... 您可以调用js函数（使用onsubmit（））。喜欢这个

<form id="ID" method="post" action="servletName" onSubmit="return validateOption()">
<input type=radio name=r1 value="1" >A</input>

<input type=radio name=r1 value="2">B</input>
<input type="submit" value="Submit"><span id="error" style="display:none;"></span>
</form>

您的脚本在此处验证是否选择了选项，仅当onsubmit = true时才可以提交页面，即如果validateOption（）返回true。

<script>
function validateOption()
{
    var group=document.getElementsByName("r1");

     for ( var i = 0; i < group.length; i++)
     { 
         if (group[i].checked) 
             return true;
             }
        // else you can show error message like this
        document.getElementById("error").innerHTML="Please enter your choice";
        return false;
    }
</script>

在允许用户进入下一部分之前检查表单验证是否已单击选项（单选按钮）

1 个答案: