单选按钮策略

Question

单选按钮是否有设置默认值的策略？我想创建一个表单，其中包含单选按钮，并且需要值。在显示表单时选择一个更好，还是显示所有并在提交时放置错误消息（如果没有选择单选按钮）？

- sajili

---

我不确定有没有通用政策。你需要根据要求进行调整。老实说，我总是选择带有默认空消息的组合框，而不是单选按钮... - Milos

Answer 1

您可以使用 checked 属性来选择默认的单选框值

<input type=radio name=r1 value="1" checked>
<input type=radio name=r1 value="2">

这里将默认值设置为1，v应该使用checked关键字。

最好设置默认的单选按钮选项。 假设您不想使用默认的单选按钮选择，您可以调用一个js函数（使用onsubmit()）。像这样

<form id="ID" method="post" action="servleName" 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>

- uhs

---

当然，您可以添加默认值并添加验证消息。但问题是：如果表单上的单选按钮具有必填值，我应该选择单选按钮吗？ - sajili

@sajili 不必要。 - uhs