如何取消选中单选按钮 - JavaScript

在 JavaScript 中，取消选中单选按钮可以通过以下两种方法来实现。

方法一：通过修改 checked 属性

可以通过修改单选按钮的 checked 属性来取消其选中状态。以下是示例代码：

// 获取单选按钮元素
var radioBtn = document.getElementById("myRadioBtn");

// 取消选中状态
radioBtn.checked = false;

方法二：通过修改选中的单选按钮组的值

如果单选按钮属于一个单选按钮组，可以取消所有单选按钮的选中状态。以下是示例代码：

<input type="radio" name="myRadioGroup" value="option1" checked> Option 1
<input type="radio" name="myRadioGroup" value="option2"> Option 2
<input type="radio" name="myRadioGroup" value="option3"> Option 3

// 获取包含单选按钮组的表单元素
var myForm = document.getElementById("myForm");

// 取消选中状态
myForm.elements["myRadioGroup"].value = "";

以上就是取消选中单选按钮的两种方法。需要注意的是，如果单选按钮属于一个单选按钮组，应该使用第二种方法。如果单选按钮不属于任何单选按钮组，则可以使用第一种方法。