应用ButtonSet后禁用单个复选框

Question

如果我使用JQuery UI将buttonset应用于复选框列表，那么如何禁用列表中的单个复选框？

HTML

<div id="options">
    <input id="one" type="checkbox" value="1"/><label for="one">One</label>
    <input id="two" type="checkbox" value="2"/><label for="two">Two</label>
</div>

的Javascript

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

在应用buttonset后的上述示例中，我只想禁用带有标签Two的复选框。

修改

以上示例中的JSFiddle。只是通过添加属性禁用无济于事。

Answer 1

禁用复选框后，您必须刷新按钮小部件：

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

更新了小提琴here。

Answer 2

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