2017-02-04 86 views
0

在我的表单中,最后一个选项被选为默认选项。如何避免这种情况?最后一个选项被选为HTML中的默认选项

<form action=" url " method=" post">   
     <h3>Question</h3> 
     <input type="radio" name="choice" value="option1" checked> option1<br> 
     <input type="radio" name="choice" value="option2" checked>option2<br> 
     <input type="radio" name="choice" value="option3" checked>option3<br> 
     <input type="radio" name="choice" value="option4" checked>option4<br> 
     <input type="radio" name="choice" value="option5" checked> option5<br> 
     <input type="submit" value="Submit Answer"> 
    </form> 

我想在开始时不选择任何单选按钮。

+0

请[学会爱标签(http://www.456bereastreet.com/archive/200711/use_the_label_element_to_make_your_html_forms_accessible/) – Quentin

回答

4

删除所有inpputs

<input type="radio" name="choice" value="option1"> option1<br> 
0

在我的托运形式属性,最后一个选项是越来越默认选择。

您已经checked您的单选按钮之一,但只有一个组中可以进行检查。

错误恢复正在检查最后一个。

如何避免这种情况?

只检查你想检查的那个。

0

$('#submit').click(function(){ 
 
    if(typeof $('input[name=choice]:checked', '#myForm').val()=="undefined"){ 
 
    alert("please select oiption"); 
 
    }else{ 
 
    alert($('input[name=choice]:checked', '#myForm').val()); 
 
    } 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="myForm" action=" url " method=" post">   
 
     <h3>Question</h3> 
 
     <input type="radio" name="choice" value="option1" > option1<br> 
 
     <input type="radio" name="choice" value="option2" >option2<br> 
 
     <input type="radio" name="choice" value="option3" >option3<br> 
 
     <input type="radio" name="choice" value="option4" >option4<br> 
 
     <input type="radio" name="choice" value="option5" > option5<br> 
 
     <input type="submit" id="submit" value="Submit Answer"> 
 
    </form>