在ASP.NET MVC Razor中如何让单选按钮默认不选中？

问题根源 #

你碰到的问题核心在于枚举类型的默认值特性：gender是一个非可空枚举，它的默认值会自动设为枚举的第一个成员（也就是male）。Razor引擎生成RadioButtonFor时，会优先根据模型的当前值来决定是否勾选单选按钮，所以你手动添加的@checked = "true"会被模型的默认值覆盖，自然起不到作用。

解决方案 #

要实现默认都不选中的效果，只需要把模型里的gender属性改成可空枚举即可。这样它的默认值会是null，没有对应的单选按钮值匹配，就不会默认选中任何一个选项，同时[Required]属性依然会生效，确保用户必须选择一个性别。

修改后的模型代码

public class student 
{
    [DisplayName("Gender")]
    [Required(ErrorMessage = "please select gender")]
    public gender? gender { get; set; } // 改为可空枚举
}

public enum gender 
{
    male, 
    female 
}

对应的Razor视图代码

不需要再手动添加checked属性，保持原来的写法就好：

<div class="form-group">
    @Html.LabelFor(x => x.gender)
    <div class="form-check">
        <label class="form-check-label">
            @Html.RadioButtonFor(x => x.gender, "male") Male
        </label>
    </div>
    <div class="form-check">
        <label class="form-check-label">
            @Html.RadioButtonFor(x => x.gender, "female") Female
        </label>
    </div>
</div>

原理说明 #

• 可空枚举gender?的默认值是null，页面首次加载时模型的gender值为null，Razor找不到匹配的单选按钮值，因此两个选项都不会被选中。
• 当用户提交表单时，如果未选择任何性别，模型绑定后gender依然是null，[Required]属性会触发你设置的错误提示，完全符合业务需求。

内容的提问来源于stack exchange，提问作者Lijin Durairaj