RadioButton值绑定失效求助：行级单选分组与模型绑定实现

我懂你现在卡在哪了——要让每行都是独立的单选分组，还要把单选按钮和模型绑定，选中特定选项时自动设置DepartmentValue，提交时还能拿到所有选中项对吧？我给你捋一捋可行的解决方案，亲测有效的那种：

首先得给每个员工项加一个用来记录当前行选中状态的属性，这样才能把单选按钮和模型对应上。举个示例模型结构：

public class EmployeeModelClass
{
    // 你的原有属性，比如员工ID、姓名等
    public int EmployeeId { get; set; }
    public string EmployeeName { get; set; }

    // 新增：存储当前行选中的单选按钮值（1或2）
    public int SelectedOption { get; set; }

    // 需要设置的DepartmentValue，可通过选中状态自动赋值
    public int DepartmentValue { get; set; }
}

// 视图模型：用来传递员工列表
public class EmployeeListViewModel
{
    public List<EmployeeModelClass> Employees { get; set; } = new List<EmployeeModelClass>();
}

核心是给每行的单选按钮设置相同的name属性（确保同一行是一个分组），同时用索引绑定到模型的集合属性，这样不同行的单选组不会互相干扰。Razor视图示例：

@model EmployeeListViewModel

<form asp-action="SubmitSelections" method="post">
    @foreach (var employee in Model.Employees)
    {
        var empIndex = Model.Employees.IndexOf(employee);
        <div class="employee-row">
            <h4>@employee.EmployeeName</h4>
            
            <!-- 第一个单选按钮：值为1 -->
            <input type="radio" 
                   name="Employees[@empIndex].SelectedOption" 
                   value="1" 
                   checked="@(employee.SelectedOption == 1)" />
            <label>Rate 1</label>

            <!-- 第二个单选按钮：值为2，选中时自动设置DepartmentValue为2 -->
            <input type="radio" 
                   name="Employees[@empIndex].SelectedOption" 
                   value="2" 
                   checked="@(employee.SelectedOption == 2)"
                   onchange="this.form['Employees[@empIndex].DepartmentValue'].value = 2;" />
            <label>Rate 2</label>

            <!-- 隐藏字段：绑定DepartmentValue，提交时传递到控制器 -->
            <input type="hidden" 
                   name="Employees[@empIndex].DepartmentValue" 
                   value="@employee.DepartmentValue" />
        </div>
        <hr />
    }
    <button type="submit" class="btn btn-primary">提交选中项</button>
</form>

这里的关键细节：

• 每行的单选按钮name用Employees[索引].SelectedOption格式，确保同一行是一个独立分组，不同行互不影响。
• 第二个单选按钮通过onchange事件，选中时自动给对应员工的DepartmentValue隐藏字段赋值。
• 隐藏字段用来传递DepartmentValue，保证模型绑定能正确获取到该值。

提交时直接接收视图模型，就能自动绑定所有员工的选中状态和DepartmentValue，轻松获取选中集合：

[HttpPost]
public IActionResult SubmitSelections(EmployeeListViewModel model)
{
    // 筛选出已选中的员工项（假设0为未选中状态）
    var selectedEmployees = model.Employees
                                 .Where(emp => emp.SelectedOption != 0)
                                 .ToList();

    // 这里可以做业务逻辑处理，比如保存到数据库
    foreach (var emp in selectedEmployees)
    {
        // 也可以在这里手动校验/设置DepartmentValue，避免前端篡改
        // if (emp.SelectedOption == 2) emp.DepartmentValue = 2;
    }

    return RedirectToAction("Index");
}

如果担心前端篡改DepartmentValue，可以去掉前端的onchange事件，直接在控制器提交时根据SelectedOption的值统一设置DepartmentValue，这样更安全。

内容的提问来源于stack exchange，提问作者Miloš Đošović