jquery - 如何在Jquery中选择所有复选框？

Question

<form>
    <input type="checkbox" name="newsletter" value="Hourly" checked="checked">  <input   type="checkbox" name="newsletter" value="Daily">
    <input type="checkbox" name="newsletter" value="Weekly" checked>
    <input type="checkbox" name="newsletter" value="Monthly">
    <input type="checkbox" name="newsletter" value="Yearly">
    <br><button id="selectall">Select All</button>
</form>
<script>
    var selectall = function() {
        $("input[type=checkbox]").attr("checked", "true");
    };
    $("#selectall").on("click", selectall);
</script>

我编写了一个 JQuery 脚本，当我单击“全选”按钮时，它将选择所有复选框。现在，选择后，我将手动取消选中所有复选框，然后按“全选”。但这次它未能选择所有复选框。如何防止这种情况发生？

Answer 1

这就是为什么我们必须使用 .prop() 而不是 .attr()

$("input[type=checkbox]").prop("checked","true");    

DEMO