JavaScript 实现单选框可取消选中功能

要实现这个功能，你可以使用 JavaScript 来处理单选框的事件。你可以为所有的单选框添加一个相同的事件监听器，然后在事件处理程序中进行逻辑判断。

以下是一个示例代码，展示了如何实现这个功能：

// 获取所有的单选框元素
var radioButtons = document.querySelectorAll('input[type='radio']');

// 为每个单选框添加事件监听器
radioButtons.forEach(function(radioButton) {
  radioButton.addEventListener('click', function() {
    // 判断当前单选框是否已经选中
    if (this.checked) {
      // 如果已选中，则取消选中
      this.checked = false;
    }
  });
});

这段代码首先通过querySelectorAll方法获取所有类型为radio的单选框元素，并将其存储在radioButtons变量中。然后使用forEach方法为每个单选框元素添加了一个click事件监听器。

在事件处理程序中，我们首先检查当前单选框的checked属性是否为true，即是否已经被选中。如果已经选中，则将checked属性设置为false，取消选中状态。

这样，当用户点击一个已选中的单选框时，它将取消选中状态；而当用户点击一个未选中的单选框时，它将变成选中状态。这样就实现了允许取消选中并重新选择的功能。