单击其他列表项时取消选择列表项

// HTML代码
<ul id="myList">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>

// JavaScript代码
const listItems = document.querySelectorAll('#myList li');
listItems.forEach(item => {
  item.addEventListener('click', () => {
    if (item.classList.contains('selected')) {
      item.classList.remove('selected');
    } else {
      item.classList.add('selected');
    }
  });
});

<!-- HTML代码 -->
<ul id="myList">
  <li>
    <input type="checkbox" id="item1">
    <label for="item1">选项1</label>
  </li>
  <li>
    <input type="checkbox" id="item2">
    <label for="item2">选项2</label>
  </li>
  <li>
    <input type="checkbox" id="item3">
    <label for="item3">选项3</label>
  </li>
</ul>

<!-- CSS代码 -->
<style>
  input[type="checkbox"]:checked + label {
    /* 选中状态的样式 */
    background-color: #f0f0f0;
  }
</style>