像單選按鈕一樣工作的JQuery UI對象按鈕欄

Question

我想在jQuery中製作一個控件或使用一個控件，該控件的作用類似於一系列單選按鈕，但看起來像實心按鈕而不是無線電圈。他們看起來像一個水平菜單，但一次只能選擇一個。

Answer 1

jQuery UI在1.8中爲此添加了一個小部件，請查看jQuery UI Buttons。

的標記看起來像這樣（直從演示），只使用一個容器像一個<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> 

然後調用.buttonset()：

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