如何判断页面加载时选中了哪些复选框？

在前端开发中，可以通过以下几种方式来判断页面加载时选中了哪些复选框：

使用JavaScript和DOM操作：通过获取页面上所有复选框元素，遍历判断每个复选框的checked属性是否为true，从而确定是否被选中。可以使用getElementById、getElementsByClassName、getElementsByTagName等方法获取复选框元素，然后使用循环遍历进行判断。

示例代码：

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var selectedCheckboxes = [];

for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    selectedCheckboxes.push(checkboxes[i]);
  }
}

console.log(selectedCheckboxes);

使用jQuery库：jQuery提供了方便的选择器和操作方法，可以简化复选框的获取和判断过程。

示例代码：

var selectedCheckboxes = $('input[type="checkbox"]:checked');

console.log(selectedCheckboxes);

使用Vue.js或React等前端框架：这些框架提供了数据绑定和状态管理的功能，可以通过绑定复选框的选中状态到数据模型中，从而实时获取选中的复选框。

示例代码（Vue.js）：

<template>
  <div>
    <input type="checkbox" v-model="checkbox1" />
    <input type="checkbox" v-model="checkbox2" />
    <input type="checkbox" v-model="checkbox3" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkbox1: false,
      checkbox2: true,
      checkbox3: false
    };
  },
  watch: {
    checkbox1() {
      this.logSelectedCheckboxes();
    },
    checkbox2() {
      this.logSelectedCheckboxes();
    },
    checkbox3() {
      this.logSelectedCheckboxes();
    }
  },
  methods: {
    logSelectedCheckboxes() {
      console.log(this.checkbox1, this.checkbox2, this.checkbox3);
    }
  }
};
</script>

以上是判断页面加载时选中了哪些复选框的几种常见方法。根据实际需求和项目框架的不同，选择合适的方法来实现即可。

腾讯云相关产品和产品介绍链接地址：