第二次尝试时无法检查复选框

Question

我无法在第二次尝试时检查复选框（我可以检查然后取消选中，但在此之后没有效果）

请参阅http://jsfiddle.net/SM5qU/1/

属性设置为checked =“checked”但没有视觉效果。 我正在使用MacOS并在Chrome和Firefox中进行测试

HTML

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />

<button id="check">Check</button>
<button id="uncheck">Uncheck</button>

JS

$('#check').click(function() {
    $(':checkbox').attr('checked', true)
})

$('#uncheck').click(function() {
    $(':checkbox').attr('checked', false)
})

Answer 1

在您的案例中使用.prop()：

$(':checkbox').prop('checked', true);

$(':checkbox').prop('checked', false);

Answer 2

在基本属性上使用prop()代替attr()：

$('#check').click(function() {
    $(':checkbox').prop('checked', true)
})

$('#uncheck').click(function() {
    $(':checkbox').prop('checked', false)
})

Updated fiddle