选中复选框时使用JavaScript访问CSS样式

，可以通过以下步骤实现：

1. 首先，需要在HTML中给复选框元素添加一个事件监听器，以便在复选框状态改变时触发相应的JavaScript代码。可以使用onchange属性来实现这一点，例如：

<input type="checkbox" id="myCheckbox" onchange="handleCheckboxChange()">

1. 在JavaScript代码中，需要编写一个函数来处理复选框状态改变的事件。在这个函数中，可以通过使用document.getElementById()方法获取到复选框元素的引用，并进一步操作其CSS样式。例如：

function handleCheckboxChange() {
  var checkbox = document.getElementById("myCheckbox");
  if (checkbox.checked) {
    // 复选框被选中时的操作
    checkbox.style.backgroundColor = "red";
  } else {
    // 复选框未被选中时的操作
    checkbox.style.backgroundColor = "white";
  }
}

在上述代码中，checkbox.checked属性用于判断复选框是否被选中，根据其值的不同，可以执行不同的操作。checkbox.style属性用于访问和修改复选框的CSS样式，可以通过设置不同的CSS属性来改变其外观。

这种方法适用于简单的样式修改，如果需要进行更复杂的样式操作，可以使用classList属性来添加或移除CSS类，或者直接修改元素的className属性。

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

• 腾讯云官网
• 云服务器 CVM
• 云函数 SCF
• 云数据库 MySQL
• 云存储 COS
• 人工智能平台 AI Lab
• 物联网平台 IoT Explorer
• 移动开发平台 MDP
• 区块链服务 BaaS
• 元宇宙解决方案