启用使用复选框进行下拉选择，切换相关下拉菜单和DIV可见性。

以下是一个使用复选框进行下拉选择并切换相关下拉菜单和DIV可见性的示例代码：

HTML部分：

<input type="checkbox" id="checkbox" onchange="toggleDropdown()">
<label for="checkbox">启用下拉选择</label>

<div id="dropdown1" style="display:none;">
  下拉菜单1
</div>

<div id="dropdown2" style="display:none;">
  下拉菜单2
</div>

<div id="div1" style="display:none;">
  可见性1
</div>

<div id="div2" style="display:none;">
  可见性2
</div>

JavaScript部分：

function toggleDropdown() {
  var checkbox = document.getElementById("checkbox");
  var dropdown1 = document.getElementById("dropdown1");
  var dropdown2 = document.getElementById("dropdown2");
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");
  
  if (checkbox.checked) {
    dropdown1.style.display = "block";
    dropdown2.style.display = "block";
    div1.style.display = "block";
    div2.style.display = "block";
  } else {
    dropdown1.style.display = "none";
    dropdown2.style.display = "none";
    div1.style.display = "none";
    div2.style.display = "none";
  }
}

在上面的示例中，我们首先创建了一个复选框和一些下拉菜单和DIV元素，并为复选框的onchange事件绑定了一个toggleDropdown函数。在toggleDropdown函数中，我们根据复选框的选中状态来切换相关下拉菜单和DIV的可见性。如果复选框被选中，我们将下拉菜单和DIV的display样式设置为"block"，即显示它们；如果复选框未被选中，我们将它们的display样式设置为"none"，即隐藏它们。