如果复选框被选中，如何显示div元素？

<input type="checkbox" id="checkbox" onchange="toggleDiv()">
<div id="myDiv" style="display: none;">这是要显示的内容</div>

function toggleDiv() {
  var checkbox = document.getElementById("checkbox");
  var div = document.getElementById("myDiv");
  
  if (checkbox.checked) {
    div.style.display = "block";
  } else {
    div.style.display = "none";
  }
}

<input type="checkbox" id="checkbox">
<div id="myDiv">这是要显示的内容</div>

#checkbox:checked ~ #myDiv {
  display: block;
}

#myDiv {
  display: none;
}