jquery-ui - ラジオボタングループの処理は、JQueryUIでイベントを選択します

Question

JQuery UIオプションボタン（ボタンセット）にイベントがない理由-選択したイベントを処理したいのですが、それを行うための正しい方法は何でしょうか。

Answer 1

changeラジオボタン自体の通常のイベントを利用する必要があります。jQueryUIのWebサイトの例を拡張します。

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/