jQM复选框,如何更改状态?

时间:2012-05-22 10:31:34

标签: jquery css jquery-mobile

看起来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类更简单的方法?

2 个答案:

答案 0 :(得分:1)

您只需更改基础checked元素的<input>属性,然后刷新jQuery Mobile小部件:

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

答案 1 :(得分:0)

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