jquery - 为什么选择/取消选择复选框只能与 jQuery 一起使用？

Question

我有一个简单的选择/取消选择选项来选中和取消选中页面中的复选框。它运作良好，但只有一次。不知道有什么问题！
请看一下我的代码。你可以在这里看到它的演示。

HTML 代码：

<input type="checkbox" id="main" />Select All<br />
<input type="checkbox" class="options" />Item 1<br />
<input type="checkbox" class="options" />Item 2<br />
<input type="checkbox" class="options" />Item 3<br />
<input type="checkbox" class="options" />Item 4<br />

jQuery代码：

$('#main').click(function(e) {
    $('.options').attr('checked', this.checked);
});

Answer 1

您需要使用.prop()而不是.attr()

利用

$('.options').prop('checked', this.checked);

好读.prop() 与 .attr()