2013-08-21 11 views
18

Es scheint Tasten-Radio funktioniert nicht mehr in Bootstrap 3Bootstrap-3-Daten-Umschaltflächen-Radio

<div class="btn-group" data-toggle="buttons-radio"> 
    <button class="btn btn-default" value="1" type="button" >1</button> 
    <button class="btn btn-default" "value="2" type="button" >2</button> 
</div> 

Es wird mit Optionsfeld Eingängen ersetzt. Gibt es eine Möglichkeit, die einzige Schaltfläche, die in einer Gruppe mit Schaltflächen überprüft werden darf, zurückzubringen? Ich muss in der Lage sein, die Gruppe vollständig zu entfernen, nachdem ein Element ausgewählt wurde, so dass Radioknöpfe nicht funktionieren.

Damit endete die Antwort für mich ist, bis zu mit den Tasten in einem Radio-Typ in BS3 zu halten:

$(this).addClass("current").siblings().removeClass("active");

Antwort

9

Das ist für mich ist die Antwort am Ende zu halten Tasten in einem Radio-Typ in BS3 mit:

$(this).addClass("current").siblings().removeClass("active"); 
+3

zu verwenden Ich benutzte das außer 'addClass (" active ")' anstelle von 'addClass (" current ")'. –

+0

Ja, es scheint so, als müssten wir '$ (this) .addClass (" active ") verwenden. Siblings(). RemoveClass (" active ");' –

+0

Mit 'addClass (" current ")' markiert die Schaltfläche als 'active 'bis du wegklickst und dann werden beide nicht als 'aktiv' markiert. 'AddClass (" active ")' wäre eine bessere Lösung. – olimortimer

6

Könnten Sie geben alle im Radio name= das gleiche ist? Dann werden sie sich gegenumzuschalten ..

<label class="radio-inline"> 
    <input type="radio" name="radioGroup" id="radio1" value="option1"> 1 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="radioGroup" id="radio2" value="option2"> 2 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="radioGroup" id="radio3" value="option3"> 3 
</label> 

Demo: http://bootply.com/75922

+0

Problem ist, dass ich muß in der Lage sein, alle von ihnen zu deaktivieren. Ich denke, ich könnte alles auf Radiobuttons aktualisieren und verwenden [http://jsfiddle.net/briguy37/EtNXP/](http://jsfiddle.net/briguy37/EtNXP/) , aber ich hatte wirklich gehofft, dass es einige gab Möglichkeit, diese als zu behalten und nicht

5

input type = "radio" innen Registerkarte hinzufügen:

<a href="#prices" class="btn btn-default active" data-toggle="tab"> 
    <input type="radio">Prices 
</a> 

See JSFiddle DEMO