Barra dei pulsanti degli oggetti dell'interfaccia utente JQuery che funziona come i pulsanti di opzione

Question

Vorrei creare un controllo o utilizzare un controllo in jQuery che si comporta come una serie di pulsanti di opzione, ma sembra un pulsante solido anziché il cerchio radio. Sembrerebbero un menu orizzontale ma solo uno potrebbe essere selezionato in una volta.

Answer 1

jQuery UI ha aggiunto un widget per questo in 1.8, controlla jQuery UI Buttons.

Il markup si presenta così (direttamente dalla demo), basta usare un contenitore come un <div>:

<div id="radio"> 
    <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> 
    <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
    <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> 
</div> 

Quindi chiamare .buttonset():

$("#radio").buttonset();