ASP.NET MVC5 C#：基于模拟数据渲染时标记单选按钮为选中

嘿，这问题我熟，给你几个靠谱的实现方式，都是MVC里常用的路子：

第一步：控制器里先给视图模型赋值（模拟数据） #

首先你得在控制器的Action里，把视图模型的IsRemix和ContainsSample属性设置好你想要的默认值，这样视图渲染的时候才能根据这个值来标记选中状态。比如：

public ActionResult YourActionName()
{
    var viewModel = new YourViewModel(); // 替换成你的视图模型类名
    // 模拟数据：设置IsRemix默认选中"Yes"（true），ContainsSample默认选中"No"（false）
    viewModel.IsRemix = true;
    viewModel.ContainsSample = false;
    viewModel.Songs = songs; // 你的模拟歌曲列表
    viewModel.SongTitle = "Darkside of th...";

    return View(viewModel);
}

方法一：用强类型辅助方法（推荐） #

MVC的Html.RadioButtonFor是强类型的，会自动根据模型属性的值来标记选中状态，不用手动判断，非常省心。

在你的视图里（记得顶部要加@model 你的命名空间.YourViewModel），这样写：

<div class="form-group">
    @Html.LabelFor(m => m.IsRemix, new { @class = "control-label" })
    <div>
        @Html.RadioButtonFor(m => m.IsRemix, true, new { @class = "radio" }) 
        <span>Yes</span>
        @Html.RadioButtonFor(m => m.IsRemix, false, new { @class = "radio" }) 
        <span>No</span>
        @Html.ValidationMessageFor(m => m.IsRemix)
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(m => m.ContainsSample, new { @class = "control-label" })
    <div>
        @Html.RadioButtonFor(m => m.ContainsSample, true, new { @class = "radio" }) 
        <span>Yes</span>
        @Html.RadioButtonFor(m => m.ContainsSample, false, new { @class = "radio" }) 
        <span>No</span>
        @Html.ValidationMessageFor(m => m.ContainsSample)
    </div>
</div>

当控制器里把viewModel.IsRemix设为true时，第一个单选按钮会自动加上checked属性，实现默认选中。

方法二：手动编写HTML（适合自定义场景） #

如果需要更灵活的HTML结构，也可以手动写单选按钮，通过判断模型属性的值来添加checked属性：

<div class="form-group">
    <label class="control-label">@Html.DisplayNameFor(m => m.IsRemix)</label>
    <div>
        <input type="radio" name="IsRemix" value="true" 
               @(Model.IsRemix ? "checked" : "") class="radio" />
        <span>Yes</span>
        <input type="radio" name="IsRemix" value="false" 
               @(!Model.IsRemix ? "checked" : "") class="radio" />
        <span>No</span>
        @Html.ValidationMessageFor(m => m.IsRemix)
    </div>
</div>

这里要注意：同一组单选按钮的name属性必须完全一致，不然浏览器不会把它们当成一组来处理。

额外注意点 #

• 确保视图是强类型视图，顶部的@model指令一定要正确指向你的视图模型类；
• 如果你用了数据注解（比如[Required]），记得保留ValidationMessageFor来显示验证提示；
• 单选按钮的value值要和模型属性的类型匹配（这里是bool，所以用true/false）。

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