javascript - 加载 DOM 页面后将所有复选框设置为 true

Question

我有多个复选框，仅在网页加载后才使用 JavaScript 的 for 循环创建。

我想将所有复选框默认设置为 true，我可以在控制台中执行此操作，但是当我将其放入脚本中时，它不起作用，因为该函数可能在 DOM 元素加载之前加载。

我尝试了两种不同的方法，但似乎都不起作用。在这两种情况下，它们仅适用于我输入的硬编码复选框(不是由 for 循环/DOM 生成的)。如果有人知道如何解决这个问题，我将不胜感激!

这是我的基本 jQuery/JS 代码。

$(document).ready(function() {
  var setTrue = document.getElementsByTagName("input");
  for (var i = 0; i < setTrue.length; i++) {
    setTrue[i].checked = true;
  };
});

$(window).on("load", function() {
  var setTrue = document.getElementsByTagName("input");
  for (var i = 0; i < setTrue.length; i++) {
    setTrue[i].checked = true;
  };
});

Answer 1

您可以使用此示例将当前页面上所有复选框的属性设置为选中。

$(function(){
   $('input:checkbox').prop('checked', true)
})