Визуальное состояние флажка не изменяется

Question

У меня проблемы с программным изменением состояния флажка. Я хочу иметь возможность загрузить значение (true/false) из базы данных и отобразить его соответствующим образом. Для тестирования я использовал кнопку, которая вызывает изменение «измененного» свойства, имитируя чтение базы данных. Нажатие этой кнопки изменяет это свойство, которое я могу подтвердить после щелчка, однако визуальное состояние флажка остается неизменным.

Вот ссылка jsfiddle http://jsfiddle.net/xLrFq/203/

Html:

<input id="check1" type="checkbox" /> 
<label for="check1">Check me</label> 
<p></p> 
<button id="btnSet">Set Checked</button> 

JScript:

$("input").change(function() { 
var $input = $(this); 
$("p").html(".attr('checked'): <b>" + $input.attr("checked") + "</b><br>" + 
    ".prop('checked'): <b>" + $input.prop("checked") + "</b><br>" + 
    ".is(':checked'): <b>" + $input.is(":checked") + "</b>"); 
    }) 
    .change(); 

$("#btnSet").click(function() { 
    $("#check1").prop('checked',true).change(); 
}); 

Answer 1

Вы должны вызвать checkboxradio("refresh") после изменения checked свойства обновлять визуальное состояние из (см. API).

Updated JSFiddle