如何实现单选Radio Button？我的代码为何支持多选且无法取消选中

你的单选按钮出现这种问题，核心原因是没有为同组的单选按钮设置相同的name属性。

HTML规范里，单选按钮（type="radio"）是依靠相同的name值来实现分组互斥的——只有拥有相同name的单选按钮才会被视为同一组，同一组内只能选中一个选项，并且可以切换选中状态。

修改后的代码如下：

<!DOCTYPE html>
<html>
<title>abc</title>
<body>
<h1>Input Form</h1>
<form action="abc">
  <input type="radio" name="choice">abc
  <input type="radio" name="choice">hwqwhdwq
</form>
</body>
</html>

只要给两个单选按钮加上相同的name属性（比如示例里的name="choice"，名字可以自定义，只要两个一致即可），就能正常实现单选互斥的功能，也能切换选中状态。

如果需要默认选中某一个选项，可以给对应的单选按钮加上checked属性，比如：

<input type="radio" name="choice" checked>abc

内容的提问来源于stack exchange，提问作者thuận bủi