如果选中或取消选中,则更改复选框的父元素css

<div class="checkbox-container">
 <input type="checkbox" id="myCheckbox" onclick="changeParentStyle()">
 <label for="myCheckbox">Checkbox</label>
</div>

.checkbox-container {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 10px;
}

.checkbox-container.selected {
  background-color: #ddd;
}

function changeParentStyle() {
  var checkbox = document.getElementById("myCheckbox");
  var container = checkbox.parentElement;
  if (checkbox.checked) {
    container.classList.add("selected");
  } else {
    container.classList.remove("selected");
  }
}