更改JQuery Mobile复选框的标签

Question

我有以下复选框:

<input type="checkbox" id="ui-5"/><label for="ui-5">checked</label>

如果没有选中它,我想将其值更改为未选中,并检查是否已选中.我试过这段代码:

$("#ui-5").click(function(){
   $("label[for='ui-5']").text("unchecked");
});

它改变了标签,但我的复选框的设计变得怪异.我怎样才能解决这个问题？

Answer 1

JQuery mobile改变了页面的原始html,这似乎有效:

 $("#ui-5").change(function () {
    $("label[for='ui-5'] span.ui-btn-text").text("unchecked");
 });