Barra de botones del objeto JQuery UI que funciona como botones de radio

Question

Me gustaría hacer un control o usar un control en jQuery que actúa como una serie de botones de radio pero que parecen botones sólidos en lugar del círculo de radio. Se verían como un menú horizontal, pero solo se podría seleccionar uno al mismo tiempo.

Answer 1

jQuery UI ha agregado un widget para esto en 1.8, echa un vistazo a jQuery UI Buttons.

El marcado se parece a esto (directamente de la demo), sólo tiene que utilizar un recipiente como 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> 

A continuación, llame .buttonset():

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