单选按钮策略

时间:2013-11-20 10:36:13

标签: forms radio-button

单选按钮是否具有设置默认值的策略?我想创建窗体,其中是单选按钮,它是必需的值。最好在节目表单上选择一个或显示所有并输入错误消息(如果有任何单选按钮,未在提交时选择)?

1 个答案:

答案 0 :(得分:0)

您可以使用选中的

选择默认的无线电值
<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>