如何创建一个checkboxInput，当选中时，它会展开一个带有选项的框？

<input type="checkbox" id="myCheckbox">

<div id="optionsBox" style="display: none;">
  <!-- 在这里添加选项内容 -->
</div>

var checkbox = document.getElementById("myCheckbox");
var optionsBox = document.getElementById("optionsBox");

checkbox.addEventListener("change", function() {
  if (checkbox.checked) {
    optionsBox.style.display = "block";
  } else {
    optionsBox.style.display = "none";
  }
});

<div id="optionsBox" style="display: none;">
  <input type="checkbox" id="option1" value="Option 1">
  <label for="option1">Option 1</label><br>
  <input type="checkbox" id="option2" value="Option 2">
  <label for="option2">Option 2</label><br>
  <input type="checkbox" id="option3" value="Option 3">
  <label for="option3">Option 3</label><br>
</div>