如何使用JS在Checkbox Click上禁用DIV？

在JavaScript中，可以使用事件监听器来在复选框点击时禁用一个div元素。以下是实现此功能的步骤：

首先，需要在HTML中定义一个复选框和一个要禁用的div元素。例如：

<input type="checkbox" id="myCheckbox">
<div id="myDiv">这是一个要禁用的div</div>

接下来，在JavaScript中获取复选框和div元素的引用。可以使用document.getElementById方法来获取它们的引用。例如：

var checkbox = document.getElementById("myCheckbox");
var div = document.getElementById("myDiv");

然后，使用addEventListener方法为复选框添加一个点击事件监听器。在监听器函数中，可以使用disabled属性来禁用或启用div元素。例如：

checkbox.addEventListener("click", function() {
  if (checkbox.checked) {
    div.disabled = true;
  } else {
    div.disabled = false;
  }
});

在上面的代码中，如果复选框被选中，就将div元素的disabled属性设置为true，从而禁用它。如果复选框未被选中，就将disabled属性设置为false，从而启用它。

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>禁用div示例</title>
</head>
<body>
  <input type="checkbox" id="myCheckbox">
  <div id="myDiv">这是一个要禁用的div</div>

  <script>
    var checkbox = document.getElementById("myCheckbox");
    var div = document.getElementById("myDiv");

    checkbox.addEventListener("click", function() {
      if (checkbox.checked) {
        div.disabled = true;
      } else {
        div.disabled = false;
      }
    });
  </script>
</body>
</html>

这样，当复选框被点击时，div元素将被禁用或启用，根据复选框的选中状态而定。

对于腾讯云相关产品和产品介绍链接地址，由于不能提及具体的品牌商，建议您访问腾讯云官方网站，了解他们的云计算产品和服务。