jQuery UI 复选框按钮选择所有问题答案

【问题标题】：jQuery UI checkbox button select all problemjQuery UI 复选框按钮选择所有问题
【发布时间】：2010-12-22 05:12:02
【问题描述】：

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

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

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

谁能帮助我了解如何完成这项工作！

【问题讨论】：

我对 jquery 一无所知，但是是否可以检查复选框的 aria-pressed 属性是否为真以及是否选中该复选框？只是一个想法。
您还应该考虑将内联事件移到单独的 .js 文件中。

标签： jquery jquery-ui checkbox jquery-ui-button

【解决方案1】：

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

很容易你会：

设置底层无线电输入
在 JQuery UI Button 外观上反映状态

【讨论】：

【解决方案2】：

在以编程方式更改 checked 值后，有一个 refresh method 可以更新视觉样式，如下所示：

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

【讨论】：

尼克，少了一行：var checked = true;