如何在选中复选框时更改排序列表的字体颜色？

<input type="checkbox" id="checkbox" onchange="changeFontColor()" />
<label for="checkbox">选中复选框</label>

<ul id="list">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

.highlight {
  color: red;
}

function changeFontColor() {
  var checkbox = document.getElementById("checkbox");
  var list = document.getElementById("list");

  if (checkbox.checked) {
    list.classList.add("highlight");
  } else {
    list.classList.remove("highlight");
  }
}