2013-08-21 8 views
18

Wydaje przyciski radio nie działa w Bootstrap 3Bootstrap 3 danych przerzutowe Przyciski 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> 

Został on zastąpiony wejść opcję. Czy jest jakiś sposób, aby przywrócić tylko jeden przycisk, który można sprawdzić w grupie za pomocą przycisków? Muszę mieć możliwość całkowitego usunięcia grupy po wybraniu jednego elementu, więc przyciski radiowe nie będą działać.

To okazało się być odpowiedzią dla mnie, aby zachować przy użyciu przycisków w rodzaju radiowego w BS3:

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

Odpowiedz

9

To okazało się być odpowiedź dla mnie, aby zachować przy użyciu przycisków w rodzaju radiowego w BS3:

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

Użyłem tego, z wyjątkiem 'addClass (" active ")' zamiast 'addClass (" current ")'. –

+0

Tak, wydaje się, że musimy użyć '$ (this) .addClass (" active "). Siblings(). RemoveClass (" active ");' –

+0

Użycie 'addClass (" current ")' podświetla przycisk jako 'aktywny 'dopóki nie klikniesz, a następnie żadne z nich nie zostaną podświetlone jako' aktywne'. Używanie 'addClass (" active ")' byłoby lepszym rozwiązaniem. – olimortimer

6

może Pan podać wszystkie radia to samo name=? Wtedy oni włączyć się nawzajem ..

<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 jest to, że muszę być w stanie usunąć zaznaczenie wszystkich z nich. Myślę, że mógłbym zaktualizować wszystko, aby użyć przycisków radiowych i użyć [http://jsfiddle.net/briguy37/EtNXP/](http://jsfiddle.net/briguy37/EtNXP/) , ale naprawdę miałem nadzieję, że było trochę sposób, aby zachować je jako i nie używać

5

Dodaj input type = "radio" karcie wewnątrz:

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

See JSFiddle DEMO