JQuery UI-Objekt-Button-Leiste, die wie Radio-Buttons funktioniert

Question

Ich möchte ein Steuerelement oder verwenden Sie ein Steuerelement in jQuery, die wie eine Reihe von Radio-Buttons, aber das sieht aus wie solide Tasten anstelle des Radiokreises. Sie würden wie ein horizontales Menü aussehen, aber nur eins könnte gleichzeitig ausgewählt werden.

Answer 1

jQuery UI hinzugefügt ein Widget für diese in 1.8, check out jQuery UI Buttons.

Das Markup sieht wie folgt aus (gerade aus der Demo), verwenden Sie einfach einen Container wie ein <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> 

Dann rufen .buttonset():

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