更改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");
 });