Jquery 复选框：选中="；勾选“；，但它没有'；我不在第页工作

我正在做一个项目，我对checkbox有一个问题。这是一个邮件订阅功能，通过复选框选中/取消选中所有订阅者

html代码如下所示：

<div class="select_subscribers">
  <div class="everyone">
    <label>
      <input id="select_all_subscribers" name="select_all_subscribers" type="checkbox">
      <strong>Everyone</strong>
    </label>
  </div>
  <div class="select_subscribers panel_for_selection">
    <label>
      <input id="subscriber_ids_" name="mail[subscriber_ids][]" type="checkbox" value="3">
      John
    </label>
    <label>
      <input id="subscriber_ids_" name="mail[subscriber_ids][]" type="checkbox" value="2">
      Peter
    </label>
  </div>
</div>

$(".extra .select_subscribers .everyone").delegate "input[type='checkbox']", "click", ->
    $(".select_subscribers.panel_for_selection input[type='checkbox']").attr("checked", this.checked) 

当它第一次工作时，勾选一个取消勾选，那么它就不再工作了。选中“选择所有订阅者”复选框后，订阅者复选框具有“checked='checked'”属性，但在页面上未选中该属性

我该怎么做？

使用.prop（）而不是.attr（）

解决问题

$(".extra .select_subscribers .everyone").delegate "input[type='checkbox']", "click", ->
    $(".select_subscribers.panel_for_selection input[type='checkbox']").prop("checked", this.checked)