在 ASP.NET MVC 中獲取復選框值

Question

我正在開發一個 ASP.NET MVC 應用程序。 這個應用程序有一個基本的形式。 我的表單模型如下所示：

public partial class User
{
    public bool Addon { get; set; }
}

在我的表單中，我有以下 HTML。

<div class="form-group">
    @Html.LabelFor(model => model.Addon, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Addon)
            @Html.ValidationMessageFor(model => model.Addon, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

我目前在控制器中沒有任何關於插件的代碼。

我想檢查 Checkbox 是否在不同的 HTML 中被選中以顯示只有在選中復選框時才可用的隱藏鏈接。

如果 if 語句位於不同的 HTML 頁面中，我將如何檢查它？ 因為該復選框將在用戶創建的那一刻被選中。 然后一旦登錄，索引頁面將取決於它是否選中了復選框。

一個例子是

if (Addon == True)
{
    <div class="col-md-4">
        <p><a onclick="@("window.location.href='" + @Url.Action("Create", 
        "Users") + "'");" class="btn btn-primary btn-lg">Add User &raquo; 
         </a></p>
     </div>
}

關於我如何解決這個問題的任何想法？ 謝謝你。

Answer 1

您可以設置復選框的id並使用 Javascript 來控制它是否是這樣檢查的：

@Html.EditorFor(model => model.Addon, new { id ="chkAddon" })

然后在 Javascript 中使用is(":checked")就像：

if ($('#chkAddon').is(":checked"))
{
    <div class="col-md-4">
        <p><a onclick="@("window.location.href='" + @Url.Action("Create", 
        "Users") + "'");" class="btn btn-primary btn-lg">Add User &raquo; 
         </a></p>
    </div>
}

Answer 2

<div class="form-group">
    @Html.LabelFor(model => model.Addon, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Addon,"", new { @class = "check-btn" })
            @Html.ValidationMessageFor(model => model.Addon, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

<a id="link" href="#"  style="display:none;">Link</a>

<script type="text/javascript">

    $(document).ready(function () {

        $(".check-btn").change(function () {
            if (this.checked) {
                $("#link").css("display", "block");
            }
            else {
                $("#link").css("display", "none");
            }
        });


</script>

你想要安全，需要你使用jquery ajax。