Панель кнопок объекта JQuery UI, которая работает как переключатели

Question

Я хотел бы создать элемент управления или использовать элемент управления в jQuery, который действует как серия переключателей, но выглядит как сплошные кнопки вместо радиокружка. Они выглядели бы как горизонтальное меню, но только одно можно было выбрать за один раз.

Answer 1

Пользовательский интерфейс jQuery добавил виджет для этого в 1.8, посмотрите кнопки пользовательского интерфейса jQuery.

Разметка выглядит так (прямо из демо), просто используйте контейнер как <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();