jQuery UI case à cocher bouton sélectionner tout problème

Question

J'utilise cette option pour cocher toutes les cases.

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

Tant que j'utilise les cases à cocher normales tout fonctionne bien. Lorsque je convertis tous les cases à cocher jQuery UI: http://jqueryui.com/demos/button/#checkbox Ils sont vérifiés - mais pas visuellement - les couleurs ne changent pas. J'ai vu que quand une case à cocher jQuery UI est cochée, il obtient cet attribut aria-pressed="true"

Quelqu'un peut-il m'aider à comprendre comment puis-je faire cela?

Answer 1

Il a refresh method de mettre à jour le style visuel après avoir modifié la valeur checked programme, comme celui-ci:

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

Answer 2

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

Très facilement vous:

1. Régler le sous-jacente la radio Reflète l'état de l'interface utilisateur de JQuery.
2. n façade