使用复选框使用javascript更改对象可见性？

// 获取复选框元素
var checkbox = document.getElementById("myCheckbox");

// 获取需要更改可见性的对象元素
var targetElement = document.getElementById("myTargetElement");

// 为复选框添加事件监听器
checkbox.addEventListener("change", function() {
  // 判断复选框是否选中
  if (this.checked) {
    // 如果选中，则将目标元素的可见性设置为可见
    targetElement.style.visibility = "visible";
  } else {
    // 如果未选中，则将目标元素的可见性设置为不可见
    targetElement.style.visibility = "hidden";
  }
});