如何使复选框的文本也进行切换

<input type="checkbox" id="myCheckbox" onclick="toggleText()">复选框
<script>
function toggleText() {
  var checkbox = document.getElementById("myCheckbox");
  var label = document.querySelector("label[for='myCheckbox']");
  
  if (checkbox.checked) {
    label.textContent = "已选中";
  } else {
    label.textContent = "未选中";
  }
}
</script>

<style>
input[type="checkbox"] + label::before {
  content: "未选中";
}

input[type="checkbox"]:checked + label::before {
  content: "已选中";
}
</style>

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox"></label>