jQuery UI 复选框按钮全选问题

Question

我用它来检查所有复选框。

<input type="checkbox" id="all" onclick="$('input[name*=\'selected\']').attr('checked', checked);" />

只要我使用正常的复选框，一切都会正常。当我将所有复选框转换为 jQuery UI 复选框时： http://jqueryui.com/demos/button/#checkbox< /a> 他们会被检查——但不是在视觉上——颜色没有改变。我看到，当选中 jQuery UI 复选框时，它会获取此属性 aria-pressed="true"

有人可以帮助我了解如何完成此操作吗！

Answer 1

$('input[name*=\'selected\']').attr('checked', true).button("refresh");

您将很容易：

1. 设置底层单选输入
2. 在 JQuery UI 按钮外观上反映状态

Answer 2

有一个 refresh 方法来更新视觉样式以编程方式更改 checked 值，如下所示：

$('input[name*=\'selected\']').attr('checked', checked).button("refresh")