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

复选框的可视状态不会更改

1 个答案: