单击复选框时更改分区颜色

<input type="checkbox" id="colorCheckbox">
<div id="partition">这是一个分区</div>

#partition {
  background-color: #ccc; /* 初始颜色 */
  padding: 10px;
}

#colorCheckbox {
  /* 自定义复选框样式 */
}

var checkbox = document.getElementById("colorCheckbox");
var partition = document.getElementById("partition");

checkbox.addEventListener("click", function() {
  if (checkbox.checked) {
    partition.style.backgroundColor = "#ff0000"; /* 改变颜色 */
  } else {
    partition.style.backgroundColor = "#ccc"; /* 恢复初始颜色 */
  }
});