我想删除所有选中的列表，按下删除按钮，但我不知道如何删除

<ul id="list">
  <li>
    <input type="checkbox" class="checkbox">
    Item 1
  </li>
  <li>
    <input type="checkbox" class="checkbox">
    Item 2
  </li>
  <li>
    <input type="checkbox" class="checkbox">
    Item 3
  </li>
</ul>
<button id="deleteButton">删除选中项</button>

// 获取删除按钮和列表项复选框的引用
const deleteButton = document.getElementById('deleteButton');
const checkboxes = document.getElementsByClassName('checkbox');

// 为删除按钮添加点击事件监听器
deleteButton.addEventListener('click', () => {
  const selectedItems = [];

  // 遍历复选框，将选中的列表项添加到数组中
  for (let i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      selectedItems.push(checkboxes[i].parentNode);
    }
  }

  // 遍历选中的列表项数组，从 DOM 中删除它们
  selectedItems.forEach(item => {
    item.remove();
  });
});