没有点击列表项的切换开关

以下是一个简单的示例代码，用于创建一个没有点击列表项的切换开关：

HTML代码：

<ul>
  <li class="toggle-item">项目1</li>
  <li class="toggle-item">项目2</li>
  <li class="toggle-item">项目3</li>
</ul>

CSS代码：

.toggle-item {
  cursor: pointer;
}

.toggle-item.active {
  background-color: #ccc;
}

JavaScript代码：

// 获取所有的列表项
const toggleItems = document.querySelectorAll('.toggle-item');

// 添加点击事件监听器
toggleItems.forEach(item => {
  item.addEventListener('click', () => {
    // 切换选中状态
    item.classList.toggle('active');
  });
});

这段代码首先获取所有具有“toggle-item”类的列表项，然后为每个列表项添加了一个点击事件监听器。每次点击列表项时，都会切换其选中状态，即添加或移除“active”类。通过为选中的列表项添加背景色，可以视觉上表示其选中状态。