2017-02-10 4 views
-3

Ich möchte ein Optionsfeld, um aus zwei Radiobutton mit Javascript hier ist mein HTML-Code Inur ein Optionsfeld muss zu einem Zeitpunkt ausgewählt werden

<div class="row"> 
    <div class="form-group"> 
     <label class="control-label col-sm-6">Feel Of The Cards : </label> 
     <div class="col-sm-6"> 
      <input type="radio" value="NonEmbossed" name="feel_of_card" /> Non Embossed/Smooth Finished<br> 
      <input type="radio" value="Embossed" name="feel_of_card1" /> Embossed/Linen Finished/Textured Cards 
     </div> 
    </div> 
</div> 

habe ich eine separate Funktion machen wollen, in denen Aus zwei Optionsfeldern wird ein Optionsfeld ausgewählt.

Was ist die Möglichkeit, JavaScript-Funktion zu schreiben?

+1

Duplikat von http://StackOverflow.com/Questions/9476617/How-to-set-Radio-Button-Status-with-Javascript –

+1

Mögliche Duplikate von [Wie Radio Button-Status mit JavaScript einstellen] (http://stackoverflow.com/questions/9476617/how-to-set-radio-button-status-with-javascript) –

+0

c'mon Mann lernen die grundlegenden zuerst, die Forschung und dann die Frage –

Antwort

1

Sie brauchen dazu kein JavaScript. Gib gleiche name zu beiden Kontrollkästchen

<div class="row"> 
 
    <div class="form-group"> 
 
    <label class="control-label col-sm-6">Feel Of The Cards : </label> 
 
    <div class="col-sm-6"> 
 
     <input type="radio" value="NonEmbossed" name="feel_of_card" /> 
 
     Non Embossed/Smooth Finished<br /> 
 
     <input type="radio" value="Embossed" name="feel_of_card" /> 
 
     Embossed/Linen Finished/Textured Cards 
 
    </div> 
 
    </div> 
 
</div>

1
<div class="row"> 
         <div class="form-group"> 
         <label class="control-label col-sm-6">Feel Of The Cards : </label> 
         <div class="col-sm-6"> 
         <input id="_1234" type="radio" value="NonEmbossed" name="feel_of_card" /> Non Embossed/Smooth Finished<br> 
         <input id="_1235" type="radio" value="Embossed" name="feel_of_card" /> Embossed/Linen Finished/Textured Cards</div> 
         </div> 
         </div> 

Warum Sie alle statt id-Wert verwenden? .

document.getElementById ("_ 1234") geprüft = true;: auch keine CSS-Syntax (# für Identifier) ​​mit nativer JS Einheimische JS Lösung mischen

JQuery Lösung:

$ ("#_ 1234") prop ("geprüft", true);.

Verwandte Themen