如何在MVC表格中添加并绑定复选框？

你碰到的问题根源在于IEnumerable<T>不支持索引访问，且foreach循环生成的表单字段无法被MVC模型绑定正确识别。下面提供两种可行的解决方案：

方案一：切换为IList<T>模型 + for循环 #

将视图的模型声明从IEnumerable<FinalMusicApp.Models.Lesson>改为IList<FinalMusicApp.Models.Lesson>，然后用for循环遍历列表。这样CheckBoxFor会自动生成带索引的字段名（比如[0].IsChecked），后台控制器就能直接绑定选中的课程项。

修改后的完整视图代码：

@model IList<FinalMusicApp.Models.Lesson>

@{
    ViewBag.Title = "课程列表";
}

<h2>课程</h2>

<p>
    @Html.ActionLink("新建", "Create")
</p>

@using (Html.BeginForm("Index", "Students", FormMethod.Get))
{
    <b>搜索选项: </b> 
    @Html.RadioButton("Option", "Instrument")<text>乐器</text>
    @Html.RadioButton("Option", "Tutor")<text>导师</text>
    @Html.RadioButton("Option", "Term")<text>学期</text>
    @Html.TextBox("Search")
    <input type="submit" name="submit" value="搜索" />
}

<form method="post" action="@Url.Action("GenerateLetters", "Lessons")">
    <table class="table">
        <tr>
            <th>@Html.DisplayNameFor(model => model[0].IsChecked)</th>
            <th>@Html.DisplayNameFor(model => model[0].LessonDate)</th>
            <th>@Html.DisplayNameFor(model => model[0].LessonTime)</th>
            <th>@Html.DisplayNameFor(model => model[0].Duration.TimeTaken)</th>
            <th>@Html.DisplayNameFor(model => model[0].Instrument.InstrumentName)</th>
            <th>@Html.DisplayNameFor(model => model[0].Letter.Paid)</th>
            <th>@Html.DisplayNameFor(model => model[0].Student.FullName)</th>
            <th>@Html.DisplayNameFor(model => model[0].Tutor.TutorName)</th>
            <th>增删改查</th>
            <th>生成信件</th>
        </tr>

        @for (int i = 0; i < Model.Count; i++)
        {
            <tr>
                <td>
                    @Html.CheckBoxFor(model => model[i].IsChecked)
                    @Html.HiddenFor(model => model[i].LessonId)
                </td>
                <td>@Html.DisplayFor(model => model[i].LessonDate)</td>
                <td>@Html.DisplayFor(model => model[i].LessonTime)</td>
                <td>@Html.DisplayFor(model => model[i].Duration.TimeTaken)</td>
                <td>@Html.DisplayFor(model => model[i].Instrument.InstrumentName)</td>
                <td>@Html.DisplayFor(model => model[i].Letter.Paid)</td>
                <td>@Html.DisplayFor(model => model[i].Student.FullName)</td>
                <td>@Html.DisplayFor(model => model[i].Tutor.TutorName)</td>
                <td>
                    @Html.ActionLink("编辑", "Edit", new { id = Model[i].LessonId }) |
                    @Html.ActionLink("详情", "Details", new { id = Model[i].LessonId }) |
                    @Html.ActionLink("删除", "Delete", new { id = Model[i].LessonId })
                </td>
                <td>
                    @Html.ActionLink("生成信件", "Create", "Letters", new { lessonId = Model[i].LessonId })
                </td>
            </tr>
        }
    </table>
    <input type="submit" value="批量生成选中项信件" />
</form>

后台控制器对应的处理方法示例：

[HttpPost]
public ActionResult GenerateLetters(IList<Lesson> model)
{
    var selectedLessons = model.Where(lesson => lesson.IsChecked).ToList();
    // 在这里实现选中课程的信件生成逻辑
    return RedirectToAction("Index");
}

方案二：手动指定复选框字段名（无需修改模型类型） #

如果不想将模型改为IList<T>，可以在foreach循环里手动生成复选框，指定统一的name属性，让后台直接接收选中的课程ID列表。

修改复选框所在的<td>内容：

<td>
    <input type="checkbox" name="SelectedLessonIds" value="@item.LessonId" />
</td>

同时修改表单的提交地址：

<form method="post" action="@Url.Action("GenerateLetters", "Lessons")">

后台控制器处理方法：

[HttpPost]
public ActionResult GenerateLetters(IEnumerable<int> selectedLessonIds)
{
    var selectedLessons = db.Lessons.Where(lesson => selectedLessonIds.Contains(lesson.LessonId)).ToList();
    // 实现信件生成逻辑
    return RedirectToAction("Index");
}

原代码报错原因 #

你之前尝试的checkbox(m => m[i].Lesson)写法存在两个问题：

1. IEnumerable<Lesson>不支持索引器（[]操作），无法通过m[i]访问元素；
2. foreach循环中未定义变量i，编译器无法识别该索引值。

通过上述两种方案，就能解决模型绑定问题，实现选中行生成信件的功能。

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