jquery - 按 ID 选中多个复选框

Question

我认为一个简单但烦人的问题。

我正在尝试检查具有特定 ID 属性的所有复选框，目前仅检查第一个。

$("#goUS").click(function()
   {
      $("#checkUS").each(function()
      {
      $("#checkUS").prop("checked", true);
      });
   });

我发现了类似的问题，但没有一个能回答我的问题。

任何帮助表示赞赏。

谢谢

Answer 1

这是计划中的缺陷:

"all checkboxes that have a particular ID attribute"....

ID(在各行各业，而不仅仅是编程)的全部意义在于它应该唯一。第一个元素之后具有相同 ID 的任何元素都被视为无效，无法通过 # 选择器进行识别。

如果您需要定位一组元素，请改用类。在这种情况下，您甚至不需要循环:

$("#goUS").click(function() {
  $(".checkUS").prop("checked", true);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="goUS">Check</button>
<br/>
<input type="checkbox" class="checkUS" />1
<input type="checkbox" class="checkUS" />2
<input type="checkbox" class="checkUS" />3
<input type="checkbox" class="checkUS" />4