Question

我正在解决一个简单的问题：我需要获取按钮的状态（充当单选按钮）。按钮看起来像1：我使用脚本来更改按钮的状态（通过将按钮类从/更改为辅助/主要）。当按下此页面上的“保存”按钮（带有后操作）时，我无法检索按钮的状态。

创建按钮的方式：

<div class="form-group row">
    <label class="col-md-2 col-form-label col-form-label-lg">_Gender</label>
    <div class="col-md-4 btn-group">
        @{string btnClass = "btn-secondary"; }
        @if (Model.gender == GenderType.MALE)
        {
            btnClass = "btn-primary";
        }
        <input type="button" class="@("btn btn-lg " + btnClass)"
               role="button" value="_Male" id="btnMale" />
        @{btnClass = "btn-secondary"; }
        @if (Model.gender == GenderType.FEMALE)
        {
            btnClass = "btn-primary";
        }
        <input type="button" class="@("btn btn-lg " + btnClass)"
               role="button" value="_Female" id="btnFemale" />
        @{btnClass = "btn-secondary"; }
        @if (Model.gender == GenderType.UNKNOWN)
        {
            btnClass = "btn-primary";
        }
        <input type="button" class="@("btn btn-lg " + btnClass)"
               role="button" value="_Unknown" id="btnUnknown" />
    </div>
</div>

此页面上的脚本是：

@section scripts
{
    <script>
        if ($("#btnMale").click(function () {
                $("#btnMale").removeClass("btn-secondary btn-primary");
                $("#btnFemale").removeClass("btn-secondary btn-primary");
                $("#btnUnknown").removeClass("btn-secondary btn-primary");
                $("#btnMale").addClass("btn-primary");
                $("#btnFemale").addClass("btn-secondary");
                $("#btnUnknown").addClass("btn-secondary");
                $(@Model.genderButton).val = "Male";
            }));
        if ($("#btnFemale").click(function () {
                $("#btnMale").removeClass("btn-secondary btn-primary");
                $("#btnFemale").removeClass("btn-secondary btn-primary");
                $("#btnUnknown").removeClass("btn-secondary btn-primary");
                $("#btnMale").addClass("btn-secondary");
                $("#btnFemale").addClass("btn-primary");
                $("#btnUnknown").addClass("btn-secondary");
                $(@Model.genderButton).val = "Female";
            }));
        if ($("#btnUnknown").click(function () {
                $("#btnMale").removeClass("btn-secondary btn-primary");
                $("#btnFemale").removeClass("btn-secondary btn-primary");
                $("#btnUnknown").removeClass("btn-secondary btn-primary");
                $("#btnMale").addClass("btn-secondary");
                $("#btnFemale").addClass("btn-secondary");
                $("#btnUnknown").addClass("btn-primary");
                $(@Model.genderButton).val = "Unknown";
            }));

    </script>
}

Model.genderButton是一个字符串。但是在C＃邮政编码中，genderButton始终为null。模型中的其他值正在按预期工作。我假设$（@ Model.genderButton）.val =“未知”;脚本中的错误。

那么我该如何填充性别按钮，以便在我的邮政编码中找到它？

谢谢！

ASP.NET MVC Core2.2引导程序单选按钮状态

0 个答案: