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