如何在2级列表中捕获顶部复选框并设置样式

<input type="checkbox" id="topCheckbox">

var topCheckbox = document.getElementById("topCheckbox");
topCheckbox.addEventListener("change", function() {
  // 根据复选框的状态设置样式
  if (topCheckbox.checked) {
    // 复选框被选中时的样式设置
    // 可以使用CSS类名的方式添加样式，或者直接修改元素的style属性
    // 例如：topCheckbox.classList.add("checked");
    // 或者：topCheckbox.style.backgroundColor = "green";
  } else {
    // 复选框未被选中时的样式设置
    // 例如：topCheckbox.classList.remove("checked");
    // 或者：topCheckbox.style.backgroundColor = "red";
  }
});

.checked {
  background-color: green;
  /* 其他样式设置 */
}