jquery - 无法检查 JavaScript 中的所有复选框

Question

这个问题已经有答案了:

jquery attr('checked','checked') works only once (2 个回答)

已关闭 7 年前。

我正在开发一个网络应用程序，但在运行时，我的代码甚至无法工作。但如果这样做

$("input[name^='show-points-']").attr("checked", false);

在控制台上，复选框已取消选中。

奇怪，因为总是在控制台中:

$("input[name^='show-points-']").attr("checked", "checked");

不起作用。

在此Jsfiddle ，该代码适用于“取消选中”功能，但不适用于“全部选中”功能。

Answer 1

使用prop()

Updated Fiddle

$("#show-all-points").change(function () {
    $("input[name^='show-points-']")
        .prop("checked", this.checked);
});

$("#show-all-points").change(function() {
  $("input[name^='show-points-']")
    .prop("checked", this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<tbody>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-pb">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-pi1">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-pi2">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-gp">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-ok">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-op">
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" checked="checked" name="show-points-er">
    </td>
  </tr>
  <tr>
    <td></td>
    <td>Tout sélectionner/désélectionner
      <input type="checkbox" checked="checked" id="show-all-points">
    </td>
  </tr>
</tbody>