有没有办法像我的例子一样选中/取消选中一个圆形按钮？

是的，可以通过使用HTML和CSS来实现选中/取消选中一个圆形按钮的效果。以下是一个示例代码：

HTML代码：

<input type="checkbox" id="circle-btn">
<label for="circle-btn" class="circle"></label>

CSS代码：

.circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #000;
  cursor: pointer;
}

.circle::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px;
  border-radius: 50%;
  background-color: #000;
  opacity: 0;
}

input[type="checkbox"]:checked + .circle::after {
  opacity: 1;
}

在上述代码中，我们使用了一个<input>元素作为复选框，通过设置type="checkbox"来实现选中/取消选中的功能。然后，我们使用一个<label>元素来创建圆形按钮，并通过设置for属性与复选框的id进行关联。

通过CSS样式，我们设置了圆形按钮的样式，包括宽度、高度、边框、光标样式等。使用::after伪元素来创建一个小圆点，并通过设置opacity属性来控制其显示与隐藏。

最后，通过使用CSS选择器input[type="checkbox"]:checked + .circle::after，当复选框被选中时，设置小圆点的opacity为1，从而实现选中状态下的效果。

这是一个简单的示例，你可以根据实际需求进行样式的调整和扩展。