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

时间:2011-03-05 08:52:24

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

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

如果他们不小心在单选按钮组中选择了某个值,有没有办法让它取消选中?

默认情况下,一旦点击它,就不会被取消!

2 个答案:

答案 0 :(得分:4)

您可以使用普通的旧JavaScript进行操作。例如:

<script type="text/javascript">
function clearRadios(groupName) {
    var r = document.getElementsByName(groupName);
    for (var i = 0; i < r.length; i++) {
        r[i].checked = false;
    }
}
</script>
<form>
<input type="radio" name="myGroup" value="A">A
<input type="radio" name="myGroup" value="B">B
<input type="radio" name="myGroup" value="C">C
<button type="button" onclick="javascript:clearRadios('myGroup');">Clear</button>
</form>

答案 1 :(得分:1)

您有两个选项,创建另一个标有“无”的单选按钮或适合您的表单的某个“组”的一部分,然后他们可以选择该组。

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