JQuery Barre d'outils de l'objet interface utilisateur qui fonctionne comme des boutons radio

Question

Je voudrais faire un contrôle ou utiliser un contrôle dans jQuery qui agit comme une série de boutons radio, mais qui ressemble à des boutons solides au lieu du cercle radio. Ils ressembleraient à un menu horizontal mais un seul pourrait être sélectionné en même temps.

Answer 1

jQuery UI a ajouté un widget pour cela dans 1.8, consultez jQuery UI Buttons.

Le balisage ressemble à ceci (directement à partir de la démo), il suffit d'utiliser un récipient comme 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> 

Ensuite, appelez .buttonset():

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