JavaScript 取消选中单选按钮

在 web 开发中，单选按钮（radio button）允许用户在一组可选项中选择一个。然而有时候我们需要取消选中某个单选按钮，这时可以利用 JavaScript。

取消选中单选按钮可以利用 checked 属性设置为 false。

代码示例：

document.getElementById("radio-btn-id").checked = false;

上面的代码中，radio-btn-id 是目标单选按钮的 id。我们利用 getElementById() 方法获取该元素，然后将 checked 属性设置为 false。

如果你有多个单选按钮需要取消选中，可以使用 querySelectorAll() 方法遍历元素并设置 checked 属性为 false。

代码示例：

document.querySelectorAll(".radio-btn-class").forEach(btn => {
  btn.checked = false;
});

上面的代码中，radio-btn-class 是目标单选按钮的类名。我们利用 querySelectorAll() 方法获取所有该类名的元素，并使用 forEach() 遍历它们，然后将 checked 属性设置为 false。

以上就是 JavaScript 取消选中单选按钮的方法。希望本文能对你有所帮助！