Thay đổi nhãn của một hộp kiểm JQuery Mobile

Question

Tôi có hộp kiểm sau:

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

Tôi muốn thay đổi giá trị của nó được kiểm soát nếu nó không được chọn và kiểm tra nếu nó được kiểm tra. Tôi đã thử mã này:

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

Nó thay đổi nhãn nhưng thiết kế hộp kiểm của tôi trở nên lạ. Làm thế nào tôi có thể sửa lỗi này?

Answer 1

JQuery điện thoại di động làm thay đổi html gốc của trang, điều này dường như làm việc:

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