是否可以取消选择RadioButton组中的所有值？

Question

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

如果他们不小心选择了单选按钮组中的值，是否有任何方法可以使它不被选中？

默认情况下，一旦单击它，就无法将其取消！

Answer 1

您可以使用纯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>