Razor Pages中GET与POST请求下Checkbox状态差异原因咨询

原因分析 #

核心原因是ASP.NET Core中ModelState的优先级高于PageModel的属性值：

1. POST请求的ModelState残留：当表单以POST方式提交时，ASP.NET Core会将表单中的值绑定到PageModel的属性，同时会把这些提交的值存入ModelState字典中，用于验证和状态保留。
2. 渲染时的取值优先级：使用asp-for标签助手渲染Checkbox时，Razor引擎会优先从ModelState中读取值，而不是直接读取你在OnPost中修改后的PageModel属性值。因此即使你修改了IsApple和IsBanana，页面渲染时还是会显示用户提交的原始状态。
3. GET请求无此问题的原因：GET请求的参数绑定完成后，ModelState不会保留提交的值，因此你在OnGet中修改的属性值会直接被用于渲染Checkbox状态。

解决方法 #

方法1：清除ModelState #

在修改属性值前调用ModelState.Clear()，清空提交的旧值，这样渲染时就会使用你修改后的属性值：

public void OnPost()
{
    System.Diagnostics.Debug.WriteLineIf(IsApple, "I got Apple.");
    System.Diagnostics.Debug.WriteLineIf(IsBanana, "I got Banana.");

    ModelState.Clear(); // 清除ModelState中的旧值
    IsApple = true;
    IsBanana = false;
}

方法2：手动渲染Checkbox #

如你所知，直接通过checked="@Model.IsBanana"的方式手动渲染Checkbox，绕过asp-for的ModelState优先级逻辑，直接读取模型属性值。

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