如何使用 JavaScript/jQuery 取消选中单选按钮？

单选按钮（Radio Button）是 Web 开发中常用的控件之一，通过单选按钮可以让用户从多个选项中选择一个。但有些时候，我们需要取消选中某个单选按钮，本文将介绍如何使用 JavaScript/jQuery 来实现该功能。

使用 JavaScript 取消选中单选按钮

要取消选中单选按钮，我们需要获取到该单选按钮的 DOM 对象，然后将其 checked 属性设置为 false。下面是一个示例代码：

var radio = document.getElementById("radio1");
radio.checked = false;

上面的代码中，我们首先获取了 id 为 "radio1" 的单选按钮的 DOM 对象，然后将其 checked 属性设置为 false。这样就能够取消该单选按钮的选中状态。

使用 jQuery 取消选中单选按钮

如果您正在使用 jQuery，可以使用 prop() 方法来取消选中单选按钮。该方法可以用于设置或者获取 HTML 属性的值。下面是一个示例代码：

$("#radio1").prop("checked", false);

上面的代码中，我们首先使用 $() 函数获取了 id 为 "radio1" 的单选按钮的 jQuery 对象，然后使用 prop() 方法将 checked 属性设置为 false。这样就能够取消该单选按钮的选中状态。

使用 CSS 取消选中单选按钮

除了使用 JavaScript/jQuery 之外，还可以使用 CSS 来取消选中单选按钮。通过设置单选按钮的样式，可以控制它的外观和行为。下面是一个示例代码：

input[type="radio"]:checked {
    visibility: hidden;
}

上面的代码中，我们使用了 CSS 选择器来选择 type 属性为 "radio"、checked 属性为 true 的单选按钮，然后将其 visibility 属性设置为 hidden，从而达到取消选中的效果。

结论

本文介绍了如何使用 JavaScript/jQuery/CSS 来取消选中单选按钮。根据具体的场景和需求，可以选择适用的方法。希望本文能够对您有所帮助！