Pulsante di avvio Radio Gruppo Valore predefinito (Controlla attributo) non funzionante

Dopo innumerevoli ore di ricerca, sono ancora sconcertato su come ottenere l'attributo controllato che funziona per i gruppi di pulsanti radio per Bootstrap. Sto cercando di default "Eccellente".Pulsante di avvio Radio Gruppo Valore predefinito (Controlla attributo) non funzionante

Anche se so per certo che gli ingressi radio sono checked e non selected, ho anche provato selected e non funziona.

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked> 
    Excellent </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Good"> 
    Good </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Poor"> 
    Poor </label> 
</div>

Se è necessario un chiarimento, fatemelo sapere.

fonte

2013-08-20 Anonymous

Nel bootstrap di Twitter, si indica il valore predefinito utilizzando la classe 'active'. Quindi, per il tuo esempio, se stai usando Twitter Bootstrap, il seguente codice utilizzerà Eccellente come predefinito.

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-default **active**"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked> 
    Excellent </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Good"> 
    Good </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Poor"> 
    Poor </label> 
</div>

Quando si alternano i pulsanti, si aggiunge/rimuove la classe - "attiva" dalla classe dell'etichetta.

Per un esempio, controllare questo fuori - http://getbootstrap.com/javascript/#buttons - Radio

fonte

2013-08-20 22:53:11 TechnoBlahble

Sembra che quando si utilizza l'opzione data-toggle = "buttons", lo stato di controllo dei pulsanti radio non venga più aggiornato quando si fa clic sul pulsante di opzione. È un bug una caratteristica desiderata? Se questo è desiderato, allora come dire al back-end quale pulsante radio è selezionato? –

-1

due cose:

Si dovrebbe usare diversi ID per ciascuno dei vostri <input> elementi - che si suppone essere unico!
Il tuo esempio funziona per me! Dai un'occhiata allo JSFiddle!

fonte

2013-08-20 03:04:28 tangphillip

Sto usando i pulsanti: http://i2.minus.com/iAOC5Nv1KlDa3.png Non funziona ancora. –

I pulsanti Bootstrap sono pensati per essere utilizzati con i pulsanti, non come controllo segmentato. Nel tuo screenshot, stai nascondendo gli input reali. Comportamento bootstrap predefinito [è qui] (http://jsfiddle.net/NhggS/1/). Per farlo funzionare, avrete bisogno di JavaScript o di un complicato CSS. Il metodo JS è molto più semplice ed è [scritto qui] (http://dan.doezema.com/2012/03/twitter-bootstrap-radio-button-form-inputs/). – tangphillip

Sembra che la domanda e la risposta utilizzano bootstrap 3.0. Ho avuto la stessa domanda ma con bootstrap 2.3.

<div class="btn-group" data-toggle="buttons-radio"> 
    <button class="btn active"> Option 1</button> 
    <button class="btn"> Option 2</button> 
    <button class="btn"> Option 3</button> 
</div>

fonte

2014-01-16 19:55:23

Pulsante di avvio Radio Gruppo Valore predefinito (Controlla attributo) non funzionante

risposta

Problemi correlati