如何在单击复选框时禁用div

<input type="checkbox" id="checkbox" onclick="toggleDiv()" />
<div id="myDiv">这是一个div元素</div>

function toggleDiv() {
  var checkbox = document.getElementById("checkbox");
  var myDiv = document.getElementById("myDiv");
  
  if (checkbox.checked) {
    myDiv.disabled = true;
  } else {
    myDiv.disabled = false;
  }
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}