jquery - 如何在 Asp.net core mvc View 中检查带有枚举值的单选按钮？

Question

我的 View 如下所示

<div class="row row-margin-zero">
    <label class="radio-inline margin-rightt-ten margin-leftt-five margin-top-none">
        <input type="radio" asp-for="@Model.Countries" name="optradio"  value="1" class="margin-rightt-five">
        America
    </label>
    <label class="radio-inline margin-rightt-ten margin-leftt-five margin-top-none">
        <input type="radio"  asp-for="@Model.Countries" name="optradio" value="2" class="margin-rightt-five">
        Australia
    </label>
    <label class="radio-inline margin-rightt-ten margin-leftt-five margin-top-none">
        <input type="radio"  asp-for="@Model.Countries" name="optradio" value="0" class="margin-rightt-five">
        Eng
    </label>
</div>

下面是我的枚举

public Enum Countries {America,Eng,Australia}.

如何检查具有模型中指定的枚举值的单选按钮？

Answer 1

假设您有一个 Countries 枚举以及一个具有 Country 属性的 ViewModel:

public enum Countries {America, Eng, Australia};

public class XModel{
    // ... other props

    public Countries Country{get;set;}
}

要呈现国家/地区的单选按钮，您可以通过 System.Enum.GetValues(typeof(Countries)) 获取所有可能的值，这样您就可以用一个简单的循环来呈现它们。

@model XModel

@foreach( var c in System.Enum.GetValues(typeof(Countries)) )
{
    <label asp-for="Country">@c</label>
    <input type="radio" asp-for="Country" value="@((int)c)" />
}

演示:

---

[编辑]:

how can i show the selected value

只需动态添加一个checked属性:

@foreach( var c in System.Enum.GetValues(typeof(Countries)).OfType<Countries>() ){    <label asp-for="Country">@c</label>    <input type="radio" asp-for="Country" value="@((int)c)"  checked="@(c == Model?.Country)" />}