如何将复选框值发布到将值保存到会话的控制器？答案

【问题标题】：How can I post a checkbox value to a controller that saves value to session?如何将复选框值发布到将值保存到会话的控制器？
【发布时间】：2020-12-07 23:19:50
【问题描述】：

我在复选框单击以获取复选框 showHideDeletedRps 的复选框值并将 true 或 false 传递给控制器 var rpInfo = await rpService.GetRPByID(id, showDeleted); 有以下代码，我尝试了以下但它不保留所选值或不t 更新复选框更改。

如何使用会话应用相同的逻辑？

@{
    var showDeleted = true; 
    if (Context.Request.HasFormContentType && Context.Request.Form.TryGetValue("showHideDeletedRps", out var formValue)
        && bool.TryParse(formValue, out var parsedFormValue))
    {
        showDeleted = parsedFormValue;
    }
    else if (Context.Request.Query.TryGetValue("showHideDeletedRps", out var queryValue)
        && bool.TryParse(queryValue, out var parsedQueryValue))
    {
        showDeleted = parsedQueryValue;
    }
 var id = Model.ID;
 var rpInfo = await rpService.GetRPByID(id, showDeleted);// used dependency injection to populate fields in a View Component 
}

我用这个 javascript 代码来

<script type="text/javascript">
    $("select[autopostback=true],input[type=checkbox][autopostback=true],input[type=radio][autopostback=true]").on("change", function () {
        $(this).closest("form").submit();
    });
</script>

更改复选框

<input autopostback="true" name="showHideDeletedRps" id="showHideDeletedRps" type="checkbox" value="true">

【问题讨论】：

您可以使用 AJAX 轻松实现此目的。你介意sn-p吗？
@Borntocode 谢谢我怎么做，我使用依赖注入可以直接调用api控制器吗？
是的，你可以。抱歉我来晚了。查看@Yongqing Yu 的答案。我认为它可以解决您的问题

标签： javascript asp.net asp.net-mvc asp.net-core session

【解决方案1】：

如果只是想在复选框被点击时将复选框的值传递给控制器的某个动作，可以直接通过表单来完成：

@{
    ViewData["Title"] = "Test";
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<form asp-action="test" method="post">
    <input autopostback="true" name="showHideDeletedRps" id="showHideDeletedRps" type="checkbox" value="true">
</form>
@section Scripts{
    <script type="text/javascript">
        if ('@ViewData["isChecked"]' == "True") {
            $('#showHideDeletedRps').prop('checked', true);
        } else {
            $('#showHideDeletedRps').prop('checked', false);
        }
        $("select[autopostback=true],input[type=checkbox][autopostback=true],input[type=radio][autopostback=true]").on("change", function () {
            $(this).closest("form").submit();
        });
    </script>
}

控制器：

    [HttpPost]
    public IActionResult Test(bool showHideDeletedRps)
    {
        ViewData["isChecked"] = showHideDeletedRps;
        return View();
    }

这是测试结果：

【讨论】：