如何在.NET Core Razor Pages的OnPostAsync()中获取复选框值

没问题，我来帮你梳理下具体的实现步骤，结合你给出的Course、ProjectType这些模型场景来讲解：

1. 先在PageModel里准备接收数据的属性 #

首先，你需要在对应的Razor Page的PageModel类中，定义一个用来接收复选框选中值的集合属性，记得加上[BindProperty]特性，这样模型绑定才能自动把前端提交的值填充进来。比如如果是要选择多个课程ID，代码可以这么写：

public class CourseSelectionModel : PageModel
{
    private readonly YourDbContext _dbContext;

    public CourseSelectionModel(YourDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    // 这个属性用来接收选中的课程ID集合
    [BindProperty]
    public List<int> SelectedCourseIds { get; set; }

    // 用来渲染页面的课程列表
    public List<Course> Courses { get; set; }

    // 加载页面数据的Get方法
    public async Task OnGetAsync()
    {
        Courses = await _dbContext.Course.ToListAsync();
    }

    // 处理提交的Post方法
    public async Task<IActionResult> OnPostAsync()
    {
        // 先判断有没有选中任何复选框
        if (SelectedCourseIds == null || !SelectedCourseIds.Any())
        {
            ModelState.AddModelError(string.Empty, "请至少选择一个课程");
            // 重新加载课程列表返回页面
            Courses = await _dbContext.Course.ToListAsync();
            return Page();
        }

        // 这里就可以拿到选中的ID集合了，比如查询对应的课程
        var selectedCourses = await _dbContext.Course
            .Where(c => SelectedCourseIds.Contains(c.CourseId))
            .ToListAsync();

        // 接下来就可以根据业务需求处理这些选中的数据了，比如关联到学生或者项目类型
        // ...

        return RedirectToPage("./Success");
    }
}

2. 在Razor页面渲染复选框 #

在对应的.cshtml页面里，循环你的课程列表，生成对应的复选框。重点是复选框的name属性要和PageModel里的SelectedCourseIds完全一致，这样提交后才能正确绑定：

<form method="post">
    <div class="form-group">
        <h5>选择课程</h5>
        @foreach (var course in Model.Courses)
        {
            <div class="form-check mb-2">
                <input type="checkbox" 
                       class="form-check-input" 
                       id="course_@course.CourseId" 
                       name="SelectedCourseIds" 
                       value="@course.CourseId" />
                <label class="form-check-label" for="course_@course.CourseId">
                    @course.CourseName
                </label>
            </div>
        }
    </div>
    <button type="submit" class="btn btn-primary">确认提交</button>
</form>

3. 针对多对多关联的场景（比如Course和ProjectType） #

看你提供的模型里有CourseProjectType这个多对多中间表，如果你的需求是给某个课程选择关联的项目类型，逻辑类似，只是处理关联数据的部分需要调整：

PageModel部分 #

public class CourseProjectTypeEditModel : PageModel
{
    private readonly YourDbContext _dbContext;

    public CourseProjectTypeEditModel(YourDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    [BindProperty]
    public List<int> SelectedProjectTypeIds { get; set; }

    public Course Course { get; set; }
    public List<ProjectType> AllProjectTypes { get; set; }

    public async Task<IActionResult> OnGetAsync(int courseId)
    {
        Course = await _dbContext.Course
            .Include(c => c.CourseProjectType)
            .FirstOrDefaultAsync(c => c.CourseId == courseId);

        if (Course == null) return NotFound();

        AllProjectTypes = await _dbContext.ProjectType.ToListAsync();

        // 如果是编辑场景，预先选中已关联的项目类型
        SelectedProjectTypeIds = Course.CourseProjectType.Select(cpt => cpt.ProjectTypeId).ToList();

        return Page();
    }

    public async Task<IActionResult> OnPostAsync(int courseId)
    {
        var course = await _dbContext.Course
            .Include(c => c.CourseProjectType)
            .FirstOrDefaultAsync(c => c.CourseId == courseId);

        if (course == null) return NotFound();

        // 先清空现有关联
        course.CourseProjectType.Clear();

        // 添加新选中的关联
        if (SelectedProjectTypeIds != null)
        {
            foreach (var ptId in SelectedProjectTypeIds)
            {
                course.CourseProjectType.Add(new CourseProjectType
                {
                    CourseId = courseId,
                    ProjectTypeId = ptId
                });
            }
        }

        await _dbContext.SaveChangesAsync();

        return RedirectToPage("./CourseDetails", new { id = courseId });
    }
}

页面部分 #

<form method="post">
    <input type="hidden" name="courseId" value="@Model.Course.CourseId" />
    <div class="form-group">
        <h5>为课程「@Model.Course.CourseName」选择项目类型</h5>
        @foreach (var pt in Model.AllProjectTypes)
        {
            <div class="form-check mb-2">
                <input type="checkbox" 
                       class="form-check-input" 
                       id="pt_@pt.ProjectTypeId" 
                       name="SelectedProjectTypeIds" 
                       value="@pt.ProjectTypeId"
                       @(Model.SelectedProjectTypeIds.Contains(pt.ProjectTypeId) ? "checked" : "") />
                <label class="form-check-label" for="pt_@pt.ProjectTypeId">
                    @pt.ProjectTypeName <!-- 假设ProjectType有这个属性 -->
                </label>
            </div>
        }
    </div>
    <button type="submit" class="btn btn-primary">保存关联</button>
</form>

几个关键提醒 #

• 必须确保复选框的name属性和PageModel中带[BindProperty]的集合名称完全匹配，模型绑定才能生效。
• 如果没有选中任何复选框，对应的集合属性会是null，所以处理前一定要做判空检查，避免空引用异常。
• 处理多对多关联时，记得用Include加载现有关联数据，否则无法修改集合。

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