jQuery 遍历动态生成的复选框并默认选中它们

Question

我有一个变量可以获取 select 所有复选框以及在另一个函数中与它们关联的 ID：

  var $allPdM = $('#SelectAll_' + pdmID);

在 $(document).ready(function() 目前，我在页面中硬编码了这些。但是，我想动态地做，因为我知道会有更多的到来：

  $('#SelectAll_2006').prop("checked",true);
  $('#SelectAll_2007').prop("checked",true);
  $('#SelectAll_2008').prop("checked",true);

这必须在 document.ready 函数中加载页面时完成。

Answer 1

给所有复选框一个通用的 class，并在设置属性时使用 class。

$(function() {
  $(".selectall").prop("checked", true);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="2006" id="SelectAll_2006" class="selectall"> 2006<br>
<input type="checkbox" value="2007" id="SelectAll_2007" class="selectall"> 2007<br>
<input type="checkbox" value="2008" id="SelectAll_2008" class="selectall"> 2008<br>
<input type="checkbox" value="2009" id="SelectAll_2009" class="selectall"> 2009<br>

jQuery 遍历动态生成的复选框并默认选中它们

jQuery Loop Through dynamically Generated Checkboxes And Default Check Them All

jquery

loops