jquery - jQMチェックボックス、状態を変更する方法は？

Question

jQMはCSSチェックボックスを使用しているようです。状態を切り替える簡単な方法はありますか？または、CSSを介して常にクラスを変更する必要がありますか？

オフ

<label id="RememberMe" for="checkbox-1" data-theme="c" class="ui-btn ui-btn-icon-left ui-corner-top ui-corner-bottom ui-controlgroup-last ui-checkbox-off ui-btn-up-c">
    <span class="ui-btn-inner ui-corner-top ui-corner-bottom ui-controlgroup-last" aria-hidden="true">
        <span class="ui-btn-text">Memorize</span>
        <span class="ui-icon ui-icon-shadow ui-icon-checkbox-off"></span>
    </span>
</label>

オン

<label id="RememberMe" for="checkbox-1" data-theme="c" class="ui-btn ui-btn-icon-left ui-corner-top ui-corner-bottom ui-controlgroup-last ui-checkbox-on ui-btn-up-c">
    <span class="ui-btn-inner ui-corner-top ui-corner-bottom ui-controlgroup-last" aria-hidden="true">
        <span class="ui-btn-text">Memorize</span>
        <span class="ui-icon ui-icon-shadow ui-icon-checkbox-on"></span>
    </span>
</label>

CSSクラスを変更するよりも簡単な方法はありますか？

Answer 1

checked基になる要素のプロパティを変更してから<input>、jQueryMobileウィジェットを更新するだけです。

$("#checkbox-1").prop("checked", true).checkboxradio("refresh"); 

Answer 2

 $("#checkbox-1").attr("checked",true).checkboxradio("refresh");