JQuery UI 对象按钮栏的工作方式类似于单选按钮

Question

我想在 jQuery 中制作一个控件或使用一个控件，其作用类似于一系列单选按钮，但看起来像实心按钮而不是单选圆。它们看起来像一个水平菜单，但一次只能选择一个。

Answer 1

jQuery UI 在 1.8 中为此添加了一个小部件，请查看 jQuery UI 按钮。

标记看起来像这样（直接来自演示），只需使用像

这样的容器：

<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();