2016-04-19 9 views
0

Ich habe einige Probleme mit Bootstrap 3-Optionsfeldgruppen.Bootstrap-Optionsfeldgruppe markiert keine Funkgeräte als geprüft

Wenn ich den Radiobutton auswähle, wird der Radioknopf nicht als markiert markiert, sondern nur "aktiv" zum Radiomarker hinzugefügt.

Also wenn ich den überprüften Radiobutton via PHP und Codeigniter gezielt anziehe, gibt es keine Werte.

Sollten die Radio-Tasten nicht wie ein normaler Radio-Button funktionieren?

Hier ist der Radio-Button Code

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 

Also, wenn ich ein Optionsfeld klicken, werden weder der Optionsfelder abgehakt.

Und die Optionsfelder sind nur im POST-Array, wenn eine Änderung vorgenommen wurde, aber ich brauche alle Werte dort.

Was mache ich falsch?

+0

http://stackoverflow.com/questions/21673985/bootstrap-radio-button-get-selected-value-on- Submit-Formular –

+0

Warum sollte ich eine JS-Lösung verwenden, um sehr einfaches HTML-Verhalten neu zu erstellen? – frobak

+0

Erreicht dieses Boot mit nur Bootstrap was Sie wollen ?: https://embed.plnkr.co/SYqwJ1MQUQJOCKoxN1Pl/ (Blick auf die Konsole, um den geloggten Wert zu sehen, ob jede Schaltfläche aktiviert ist) –

Antwort

0

Nicht sicher, Ihr Problem zu verstehen, aber Ihr Code ist keine Logik. Sie haben eine aktive Klasse auf dem Etikett, so dass Bootstrap "Nein" als aktiv anzeigt, aber Sie haben kein Attribut "checked" in der entsprechenden Radio-Eingabe, so dass es in reinem HTML nicht überprüft wird.

Ihren Code mit dem Attribut checked in die aktive Klasse entspricht ...

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" checked="checked" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 
+0

Ja, aber wenn ich check/Wählen Sie einen Radioknopf, es markiert diesen Radioknopf nicht als geprüft ?! – frobak

+0

Schauen Sie sich Ihren Code hier an http://codepen.io/davidmars/pen/XdYzJM Es funktioniert;) – davidmars

Verwandte Themen