jquery - 通过ID选中多个复选框

我认为这是一个简单但令人讨厌的问题。

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

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

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

任何帮助表示赞赏。

谢谢，

最佳答案

这是计划中的缺陷：


“具有特定ID属性的所有复选框”。


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