javascript - 无法在第二次尝试时选中复选框

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)
})

更新的小提琴