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