ModelBinder 在提交时未正确绑定到列表

Question

我正在尝试正确设置复选框的 HTML，以便它们可以绑定到列表属性，但似乎无法成功执行此操作。在下面的视图代码中，我有五个复选框。仅当我至少选中第一个复选框时，它才会绑定。如果我选中除第一个之外的所有四个复选框，则不会绑定任何内容。

这是我的代码：

  public class People
  {
    public List<Person> Crew { get; set; }
    public string TeamName { get; set; }

    public List<string> StatesLiveIn { get; set; }

  }

  public class Person
  {
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int Age { get; set; }
  }

视图：

@model TestBinder.Models.People

@{
    ViewBag.Title = "Home Page";
}

@using (Html.BeginForm()) 
{ 

  @Html.TextBoxFor(m => m.TeamName);  


  <h2>Crew #0</h2>
  <h3>FirstName:</h3>                                  
  @Html.TextBoxFor(m => m.Crew[0].FirstName); <br />

  <h3>LastName: </h3>
  @Html.TextBoxFor(m => m.Crew[0].LastName);<br />

  <h3>Age: </h3>
  @Html.TextBoxFor(m => m.Crew[0].Age);<br />


  <h3>States Lived In: </h3>
  int i = 0;
  foreach (string state in new List<string>() { "NY","NJ","FL","IL","TX" })
  {     
    @state <input checked="checked" type="checkbox" value="@state" name="StatesLiveIn[@i]" /><br />  
    i++;
  }                                             

  <input type="submit" value="submit" />
}

控制器：

public ActionResult Index()
{   
  return View();
}

[HttpPost]
public ActionResult Index(People p)
{    
  return View(p);
}

谢谢。

Answer 1

尝试为您的复选框指定相同的名称：

<h3>States Lived In: </h3>
foreach (var state in new[] { "NY", "NJ", "FL", "IL", "TX" })
{     
    @state 
    <input checked="checked" type="checkbox" value="@state" name="StatesLiveIn" />
    <br />  
}

但更好的选择是使用视图模型、编辑器模板和强类型 CheckBoxFor 帮助程序，因为您已经对 checked="checked" 进行了硬编码> 属性，如果存在验证错误并且您在 POST 操作中呈现相同的视图，则用户将丢失其选择。