是否可以取消选择 RadioButton Group 中的所有值？答案

【问题标题】：Is it possible to deselect all values in a RadioButton Group?是否可以取消选择 RadioButton Group 中的所有值？
【发布时间】：2011-07-09 07:58:20
【问题描述】：

我在 ASP.NET MVC 站点中有一个表单，用户可以在以后编辑并返回到该表单。

如果他们不小心选择了单选按钮组中的值，有什么方法可以取消选择？

默认情况下，一旦点击就无法取消点击！

【问题讨论】：

为什么要回滚？这个问题不一定与 ASP.NET 或 ASP.NET MVC 3 有关。至少将其标记为 html。当您说“使其无法选择”时，其含义与“取消选择”不同。
抱歉，我以为我在回滚自己的编辑...
好吧，我希望这不是你不喜欢我所做的事情；)
完全没有——只是在笔记本电脑前的时间太长了！感谢您的帮助！

标签： c# html asp.net-mvc radio-button

【解决方案1】：

您有两个选择，创建另一个标记为“无”的单选按钮或适合您的表单且属于同一“组”的其他单选按钮，然后他们可以选择它。

但实际上，如果您需要它们能够取消选择，那么您需要一个复选框而不是单选按钮。

【讨论】：

谢谢，不幸的是，我认为会是这样。问题是，只允许选择一个，所以复选框是不合适的。而且我们不能添加另一个字段，因为这意味着“无”是一个有效的选项。表单正在进行中的事实使得非选择有效......
如果用户必须在提交表单之前选择其中一个选项，那么他们为什么要取消选择？他们只是返回并选择不同的选项。
这就是我认为他们会做的 - 但它作为 UAT 问题回来了...... :)

【解决方案2】：

您可以使用普通的javascript 来实现。示例：

function clearRadios(groupName) {
  var r = document.getElementsByName(groupName);
  for (var i = 0; i < r.length; i++) {
    r[i].checked = false;
  }
}

<label><input type="radio" name="myGroup">A</label>
<label><input type="radio" name="myGroup">B</label>
<label><input type="radio" name="myGroup">C</label>
<button type="button" onclick="clearRadios('myGroup')">Clear</button>

【讨论】：

在我选择 A 并回发后这是否有效？ ...因为她说的是 .NET...而且您的回答听起来并没有对 Microsoft 感到沮丧和生气...
哈哈！如果您的输入是runat="server"，我不明白为什么不这样做。