javascript - ButtonSet の適用後に単一のチェックボックスを無効にする

Question

JQuery UI を使用してボタンセットをチェックボックスのリストに適用する場合、リストから単一のチェックボックスを無効にするにはどうすればよいですか?

HTML

<div id="オプション">
    <input id="one" type="checkbox" value="1"/><label for="one">1</label>
    <input id="two" type="checkbox" value="2"/><label for="two">2</label>
</div>

Javascript

    $('#options').buttonset();

ボタンセットが適用された後の上記の例では、 label のチェックボックスのみを無効にしたいと考えていますTwo。

編集

上記の例のJSFiddleは次のとおりです。無効な属性を追加するだけでは役に立ちません。

Answer 1

チェック ボックスを無効にした後、ボタン ウィジェットを更新する必要があります。

$("#two").prop("disabled", true).button("refresh");

ここでフィドルを更新しました。

Answer 2

$("#two").attr("disabled", "disabled");
//OR
$("#two").attr("disabled", true);