jquery-ui - 使用 JQuery UI 处理单选按钮组选择事件

Question

为什么 JQuery UI 选项按钮(按钮集)没有任何事件 - 我想为其处理选择事件，想知道执行此操作的正确方法是什么。

Answer 1

您应该只需点击单选按钮本身的正常change 事件即可。扩展 jQueryUI 网站上的示例:

HTML:

<div id="radio">
    <input type="radio" id="radio1" name="radio" value="1" /><label for="radio1">Choice 1</label>
    <input type="radio" id="radio2" name="radio" value="2" checked="checked" /><label for="radio2">Choice 2</label>
    <input type="radio" id="radio3" name="radio" value="3" /><label for="radio3">Choice 3</label>
</div>

JavaScript:

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

$("input[name='radio']").on("change", function () {
    alert(this.value);
});

buttonset 小部件只是以某种方式设置单选按钮的样式。所有常规事件都会按预期触发。

示例: http://jsfiddle.net/andrewwhitaker/LcJGd/