.NET MVC如何将多选框值传递到嵌套模型的深层属性

这个场景我之前也踩过坑，其实核心就是要让表单元素的name属性符合MVC模型绑定的路径规则，就能自动把多选值绑定到嵌套的Suburb数组里，不需要临时属性。

关键原理 #

MVC的模型绑定器是通过表单元素的name属性来匹配模型属性路径的。对于嵌套模型，name需要写成父属性名.子属性名的格式，对应你这里的m.Suburb（因为MyModel里的YourModel属性叫m，子属性是Suburb）。

具体实现方式 #

1. 手动编写复选框（简单直接）

如果是固定的选项，直接手动写input时，把name改成m.Suburb即可：

@model MyModel

<input name="m.Suburb" type="checkbox" value="sydney"/><span>sydney</span>
<input name="m.Suburb" type="checkbox" value="melbourne"/><span>melbourne</span>

2. 使用@Html.CheckBoxFor（强类型推荐）

如果想用强类型的HtmlHelper，需要确保表达式指向正确的嵌套路径，同时为每个选项设置对应的值：

@model MyModel

@{
    // 定义可选的郊区列表
    var suburbOptions = new List<string> { "sydney", "melbourne" };
}

@foreach (var suburb in suburbOptions)
{
    <div>
        @Html.CheckBoxFor(model => model.m.Suburb, new { value = suburb })
        <span>@suburb</span>
    </div>
}

3. 初始化嵌套模型（避免空引用）

为了防止绑定时空引用异常，建议在MyModel的构造函数里初始化嵌套的YourModel和Suburb数组：

public class MyModel 
{
    // 其他属性
    public YourModel m { get; set; }

    public MyModel()
    {
        // 初始化嵌套模型和空数组
        m = new YourModel();
        m.Suburb = new string[0];
    }
}

控制器端无需改动 #

控制器的Action依然直接接收MyModel参数，绑定器会自动把选中的复选框值填充到model.m.Suburb数组中：

public ActionResult AdvancedSearch(MyModel model) 
{
    // 这里model.m.Suburb就包含了所有选中的郊区值
    // 你的业务逻辑代码
    return View();
}

这样处理后，就不需要临时属性了，MVC会自动完成嵌套模型的多选值绑定～

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