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

我只有在加载网页后才使用Java的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;
  };
});

最佳答案

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

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