Come utilizzare i pulsanti radio Bootstrap?

Sto usando Bootstrap 2.3.2 e non riesco a far funzionare radio buttons. Sto usando il codice dal sito web di Bootstrap:Come utilizzare i pulsanti radio Bootstrap?

<div class="btn-group" data-toggle="buttons-radio"> 
    <button type="button" class="btn btn-primary">Left</button> 
    <button type="button" class="btn btn-primary">Middle</button> 
    <button type="button" class="btn btn-primary">Right</button> 
</div>

Cosa devo fare da qui? Con questo ottengo 3 pulsanti, ma facendo clic su di essi non li cambia in attivo e non sembrano essere stati cliccati.

EDIT:

Se inizializzo i pulsanti JS modo:

$('.btn-group').button();

Questo marcatore viene generato per il gruppo:

<div class="btn-group ui-button ui-widget ui-state-default ui-corner-all 
      ui-button-text-only" data-toggle="buttons-checkbox" 
      role="button" aria-disabled="false"> 
    <span class="ui-button-text"> 
     <button type="button" class="btn btn-primary">Left</button> 
     <button type="button" class="btn btn-primary">Middle</button> 
     <button type="button" class="btn btn-primary">Right</button> 
    </span> 
</div>

Rispetto a questo il bootstrap sito web:

<div class="btn-group" data-toggle="buttons-radio"> 
    <button type="button" class="btn btn-primary">Left</button> 
    <button type="button" class="btn btn-primary">Middle</button> 
    <button type="button" class="btn btn-primary active">Right</button> 
</div>

Non so perché funzioni diversamente qui.

fonte

2013-10-29 sbonkosky

Avete incluso i file javascript necessari per supportare la funzionalità? –

@StevenV Sì, ho incluso boostrap.js e sembra che abbia tutto JS per tutti i componenti. Devo inizializzarli in JS? Perché in questo momento tutto quello che ho è quello che è sopra. – sbonkosky

Sì. È necessario usare '$ ('. Btn-group'). Button()' per avviare la funzionalità. –

Guardando in Bootstrap 2.3.2 doc (vedere la sezione Uso), è necessario inizializzare i pulsanti:

$('.btn-group').button();

Working example based on your code

fonte

2013-10-29 13:41:56 zessx

Questo non è richiesto. Prova a rimuovere questo dal tuo violino e troverai che è tutto gestito dal css e include. Credo che l'OP potrebbe non aver incluso alcuni file correttamente come cita il poster qui sotto. – jezzipin

Un buon esempio con il violino funzionante, + 1 – SpringLearner

<div class="radio"> 
<label> 
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 
Option one is this and that&mdash;be sure to include why it's great 
</label> 
</div>

assicurarsi incluire i nomi di classe a destra e fissare il foglio di stile nell'intestazione

fonte

2013-10-29 13:44:07

Come utilizzare i pulsanti radio Bootstrap?

risposta

Problemi correlati