Question

I have the following ViewModel

public class RecommendationModel
{
    public List<CheckBoxItem> CheckBoxList { get; set; }

}

public class CheckBoxItem
{
    public string Text { get; set; }
    public bool Checked { get; set; }
    public string Link { get; set; }
}

With the following View

model Sem_App.Models.RecommendationModel

@using (Html.BeginForm())
{
      for (int i = 0; i < Model.CheckBoxList.Count(); i++) { 
      @Html.CheckBoxFor(m => m.CheckBoxList[i].Checked)
      @Html.DisplayFor(m => m.CheckBoxList[i].Text)                   
}
<input type="submit" value="Add To Playlist" /> 
}

With the following controller actions

//get
public ActionResult Recommendation()
{
    RecommendationModel model = new RecommendationModel();
    model.CheckBoxList = new List<CheckBoxItem>();
    return PartialView(model);
}

//post
[HttpPost]
public ActionResult Recommendation(RecommendationModel model)
{
        foreach (var item in model.CheckBoxList)
        {
            if (item.Checked)
            {
                // do something with item.Text
            }
        }
}

Problem is whenever I select some items and press the submit button the model returned has CheckBoxList as empty. How can I change my view to return the list of CheckBoxList? Trying
@Html.HiddenFor(m => m.checkBoxList) did not work for me

Answer 1

Try adding the link as a hidden field: @Html.HiddenFor(m => m.CheckBoxList[i].Link )