两个div选中状态切换

你可以使用JavaScript和CSS来实现两个div之间的选中状态切换。以下是一个简单的示例：

HTML代码：

<div class="box" onclick="toggleSelection(1)">Box 1</div>
<div class="box" onclick="toggleSelection(2)">Box 2</div>

CSS代码：

.box {
  width: 100px;
  height: 100px;
  background-color: gray;
  border: 2px solid black;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
}

.selected {
  background-color: blue;
  color: white;
}

JavaScript代码：

function toggleSelection(boxNum) {
  var selectedBox = document.querySelector('.selected');
  if (selectedBox) {
    selectedBox.classList.remove('selected');
  }
  var box = document.querySelector('.box:nth-of-type(' + boxNum + ')');
  box.classList.add('selected');
}

这个示例中有两个类名为“box”的div，它们都有一个onclick事件处理函数。当点击任何一个div时，JavaScript函数toggleSelection将被调用，并传递一个参数表示哪个div被单击。函数首先找到当前选中的div（如果有的话），并将其类名改为“box”，然后找到被单击的div并将其类名改为“selected”。CSS中，“selected”类定义了选中状态下div的样式。