防止多次单击选中的单选框

preventing multiple clicks on a checked radiobox

本文关键字：单选框 单击      更新时间：2023-09-26

我有一个表单，用户可以在其中给出从 1 到 5 的评级，这是通过无线电框完成的。但是如果不进行检查，用户可以多次单击同一按钮，如何防止这种情况？
代码只是简单地编写的

                echo "<input type='hidden' name='risk' />
            <td>1<input type='radio' name='question[]' id=1 value=1 onclick='calculate_score(".$number.",this.value)'/></td>
            <td>2<input type='radio' name='question[]' id=2 value=2 onclick='calculate_score(".$number.",this.value)'/></td>
            <td>3<input type='radio' name='question[]' id=3 value=3 onclick='calculate_score(".$number.",this.value)'/></td>
            <td>4<input type='radio' name='question[]' id=4 value=4 onclick='calculate_score(".$number.",this.value)'/></td>
            <td>5<input type='radio' name='question[]' id=5 value=5 onclick='calculate_score(".$number.",this.value)'/></td>
            </table></form>";

谁能告诉我如何处理这个问题？请注意，上面的代码只是从代码中截取它，它确实有效。它纯粹是功能性的。如您所见，单击此单选框后，它将转到javascript函数，我是否在那里构建检查，我将如何进行类似的事情？

您需要编写 calculate_score() 函数，以便它根据用户选择的状态进行计算，而不是根据选中或取消选中按钮的操作进行计算。阻止用户更改其选择将是糟糕的可用性和糟糕的功能（除非在特殊游戏或测试中）。

您可以禁用刚刚选中的按钮，启用所有其他按钮，一旦用户更改其值，将启用以前的按钮，并且将禁用新的按钮，以防止用户进一步单击该

我建议你使用一个好的框架（如jQuery）并将你的javascript逻辑放入<script>标签中， 但如果你这样做，你必须有你的理由。要禁用单击的输入元素，请尝试以下代码片段： 

// i am assuming ('") will escape the quote (") character to echo
onclick='calculate_score(".$number.",this.value); this.onclick='"'";'
相关文章：