ASP.NET MVC添加RememberMe复选框提交值恒为false如何解决

复选框始终向后端传false有三个直接原因：

1. HTML原生表单规则限制：未被勾选的checkbox不会随请求提交，后端接收不到对应字段时，会给bool类型参数默认赋值false
2. checked属性绑定写法错误：HTML中checkbox的checked是存在型属性，只要标签中带有这个属性，不管属性值写true还是false，浏览器都会默认将复选框设为选中状态，直接绑定@ViewBag.RememberMe会导致状态渲染异常
3. 表单关联逻辑错误：你给每个第三方登录方案都生成了独立表单，但复选框被注释，也没有做勾选状态和表单提交值的同步

另外完全不需要扩展AuthenticationScheme[]模型：RememberMe是用户全局登录偏好，和单个第三方认证方案的属性无关，不需要修改原有强类型模型绑定。

• 把RememberMe复选框移到所有登录表单外层，用户只需选择一次，不用针对每个登录渠道重复勾选
• 每个登录表单内添加同name的隐藏域，通过前端JS监听复选框change事件，实时把勾选状态同步到所有表单的隐藏域，保证不管勾选与否，都能向后端提交明确的true/false值
• 修正控制器中AuthenticationProperties的配置逻辑，不要硬编码长期Cookie，根据rememberMe参数动态决定是否持久化登录状态

视图代码 #

@using Microsoft.AspNetCore.Authentication
@model AuthenticationScheme[]

<div class="jumbotron">
    <h1>Authentication</h1>
    <p class="lead text-left">Sign in using one of these external providers:</p>
    <!-- 全局RememberMe选择框 -->
    <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" id="globalRememberMe" @(ViewBag.RememberMe == true ? "checked" : "")>
        <label class="form-check-label" for="globalRememberMe">
            RememberMe
        </label>
    </div>

    @foreach (var scheme in Model.OrderBy(p => p.DisplayName))
    {
        <form action="/signin" method="post">
            <input type="hidden" name="provider" value="@scheme.Name" />
            <input type="hidden" name="returnUrl" value="@ViewBag.ReturnUrl" />
            <!-- 隐藏域存储rememberMe值，随表单一起提交 -->
            <input type="hidden" name="rememberMe" value="@(ViewBag.RememberMe == true ? "true" : "false")" class="remember-me-val">
            <button class="btn btn-lg btn-success m-1" type="submit">Connect using @scheme.DisplayName</button>
        </form>
    }
</div>

<script>
    // 监听复选框change事件，同步值到所有表单
    const rememberCheck = document.getElementById('globalRememberMe');
    const hiddenFields = document.querySelectorAll('.remember-me-val');
    rememberCheck.addEventListener('change', function(){
        const checked = this.checked;
        hiddenFields.forEach(field => field.value = checked ? 'true' : 'false');
    });
</script>

控制器代码修正 #

核心修改是去掉硬编码的持久化配置，根据传入的rememberMe参数动态设置Cookie有效期：

[HttpPost("~/signin")]
public async Task<IActionResult> SignIn([FromForm] string provider, [FromForm] bool rememberMe)
{
    _serverStore.RememberMe = rememberMe;
    if (string.IsNullOrWhiteSpace(provider))
    {
        return BadRequest();
    }

    if (!await HttpContext.IsProviderSupportedAsync(provider))
    {
        return BadRequest();
    }
    if (User.Identity is not null && User.Identity.IsAuthenticated)
    {
        User? user = new()
        {
            NameIdentifier = 0,
            Email = string.Empty
        };
        long dbuserId = await CreateOrUpdateUser(user).ConfigureAwait(false);
        ClaimsIdentity? identity = User.Identity as ClaimsIdentity;
        identity?.AddClaim(new Claim("Id", dbuserId.ToString()));
        return Redirect("/");
    }
    // 根据rememberMe动态设置登录持久化规则
    var authProperties = new AuthenticationProperties 
    { 
        RedirectUri = "/Login", 
        ExpiresUtc = rememberMe ? DateTime.UtcNow.AddYears(1) : null, 
        IsPersistent = rememberMe, 
        AllowRefresh = rememberMe, 
        IssuedUtc = DateTime.Now, 
        Items = { new KeyValuePair<string, string?>("MyId", "123456") } 
    };
    return Challenge(authProperties, provider);
}

• 用隐藏域提交值的方案，彻底规避了checkbox未勾选时不提交字段的问题，不会再出现参数始终为false的情况
• checked属性必须用条件渲染：只有值为true时才向标签输出checked属性，避免false值下浏览器依然识别为选中的问题
• change事件完全由前端JS处理即可，不需要额外请求后端接口，性能和体验都更好

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