2017-02-04 105 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>