2017-02-04 3 views
0

In meinem Formular wird die letzte Option standardmäßig ausgewählt. Wie kann das vermieden werden?Die letzte Option wird standardmäßig in HTML ausgewählt

<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> 

Ich möchte keine der Radiobuttons am Start auswählen.

+0

Bitte [lernen, Liebe Etiketten] (http://www.456bereastreet.com/archive/200711/use_the_label_element_to_make_your_html_forms_accessible/) – Quentin

Antwort

4

Remove Attribut von allen inpputs

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

In meiner Form, die letzte Option wird immer als Standard ausgewählt.

Sie haben checkedjeden einen Ihrer Radio-Buttons, aber nur einer in einer Gruppe überprüft werden kann.

Fehlerkorrektur überprüft die letzte.

Wie kann dies vermieden werden?

Überprüfen Sie nur den, den Sie überprüfen möchten.

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>

Verwandte Themen