Question

I have a form in an ASP.NET MVC site which the user can edit and return to at a later time.

If they accidentally select a value in a radio button group, is there any way to make it unselected?

By default, once it’s clicked, it can’t be unclicked!

Answer 1

You can do it with plain javascript. Example:

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>