如何使用javascipt，no jQuery在页面加载时使一些复选框处于选中状态？

要在页面加载时使用纯JavaScript使一些复选框处于选中状态，你可以按照以下步骤操作：

基础概念

DOM（文档对象模型）：DOM 是一种编程接口，它表示 HTML 和 XML 文档的结构，并允许程序和脚本动态地访问和更新文档的内容、结构和样式。
JavaScript：JavaScript 是一种脚本语言，用于创建和控制网页的交互性。

类型

页面加载事件：使用 window.onload 或 document.addEventListener('DOMContentLoaded', ...) 来确保脚本在 DOM 完全加载后执行。

应用场景

初始化页面状态：在页面加载时设置某些元素的状态，如复选框的选中状态。

示例代码

以下是一个示例代码，展示了如何在页面加载时使一些复选框处于选中状态：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Checkboxes Example</title>
</head>
<body>
    <input type="checkbox" id="checkbox1"> Checkbox 1<br>
    <input type="checkbox" id="checkbox2"> Checkbox 2<br>
    <input type="checkbox" id="checkbox3"> Checkbox 3<br>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 获取复选框元素
            var checkbox1 = document.getElementById('checkbox1');
            var checkbox2 = document.getElementById('checkbox2');

            // 设置复选框为选中状态
            checkbox1.checked = true;
            checkbox2.checked = true;
        });
    </script>
</body>
</html>

解释

HTML部分：定义了三个复选框，每个复选框都有一个唯一的 id。
JavaScript部分：
- 使用 document.addEventListener('DOMContentLoaded', function() { ... }) 确保脚本在 DOM 完全加载后执行。
- 通过 document.getElementById 获取复选框元素。
- 设置复选框的 checked 属性为 true，使其处于选中状态。