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标的 Assets <input>元素，然后刷新 jQuery Mobile 小部件:

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