ASP.NET MVC中Html.RadioButtonFor分组与模型绑定问题求助

我之前也碰到过一模一样的问题！核心问题确实是你猜的那样——单选按钮的name属性必须完全一致才能被浏览器识别为同一组，否则就会像复选框一样可以多选。父元素ID完全不影响分组逻辑，浏览器只认name，这一点很容易踩坑。

下面根据两种常见的业务场景给你具体的解决方案：

场景1：一组单选按钮，仅选中一个Option #

如果你的需求是在一组动态生成的Option里选一个，然后把这个Option的IsSelected设为true，其余为false，可以这么做：

视图代码（Razor） #

@model YourProject.Models.SurveyViewModel

<!-- 所有单选按钮共用同一个name：SelectedOptionId -->
@foreach (var option in Model.Options)
{
    <div class="radio-item">
        <input type="radio" 
               name="SelectedOptionId" 
               id="option_@option.Id" 
               value="@option.Id" 
               @(option.IsSelected ? "checked" : "") />
        <label for="option_@option.Id">@option.Text</label>
    </div>
}

后台Action代码 #

[HttpPost]
public ActionResult SaveSurvey(int selectedOptionId)
{
    // 从CMS或数据库获取所有Option列表
    var options = _cmsService.GetAllOptions();
    
    // 遍历设置选中状态
    foreach (var opt in options)
    {
        opt.IsSelected = opt.Id == selectedOptionId;
    }
    
    // 保存到数据库/CMS
    _cmsService.SaveOptions(options);
    return RedirectToAction("Survey");
}

这种方式的核心是让所有同组单选按钮共享同一个name，浏览器会自动处理单选逻辑，后台只需要接收选中的Option ID，再批量设置IsSelected即可。

场景2：多个独立单选组，每个组对应一个Option的选中状态 #

如果你的CMS生成的是多个独立的单选组（比如每个Option对应“选中/不选中”两个选项），需要每个组的IsSelected独立绑定，那要利用MVC的索引式命名规则：

视图代码（Razor） #

@model YourProject.Models.SurveyViewModel

@for (int i = 0; i < Model.Options.Count; i++)
{
    <div class="option-group">
        <h4>@Model.Options[i].Text</h4>
        <!-- 同一组的单选按钮name必须一致：Options[i].IsSelected -->
        <input type="radio" 
               name="Options[@i].IsSelected" 
               id="opt_@i_yes" 
               value="true" 
               @(Model.Options[i].IsSelected ? "checked" : "") />
        <label for="opt_@i_yes">选中</label>
        
        <input type="radio" 
               name="Options[@i].IsSelected" 
               id="opt_@i_no" 
               value="false" 
               @(!Model.Options[i].IsSelected ? "checked" : "") />
        <label for="opt_@i_no">不选中</label>
    </div>
}

后台Action代码 #

[HttpPost]
public ActionResult SaveSurvey(SurveyViewModel model)
{
    // MVC会自动把每个单选组的选中状态绑定到对应Option的IsSelected属性
    if (ModelState.IsValid)
    {
        _cmsService.SaveOptions(model.Options);
        return RedirectToAction("Survey");
    }
    return View(model);
}

这里要注意用for循环而不是foreach，因为MVC需要索引来正确识别列表项的绑定关系，确保每个组的name格式正确（Options[index].IsSelected），这样后台才能正确绑定每个Option的IsSelected值。

关键注意事项 #

• 单选按钮的分组只由name属性决定，和父元素ID、class完全无关，一定要保证同组的name完全一致。
• 如果是动态生成的内容，要确保name的生成逻辑稳定，避免因为CMS的动态ID导致name不一致（比如不要把父元素ID拼到name里）。

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