无法在Razor页面中选择单选按钮

Question

我有一个带有2个单选按钮的剃须刀页面。但是我无法检查其中之一...

<div class="custom-control custom-radio">
    <input type="radio" asp-for="@Model.ActionNeeded" value="Yes" class="custom-control-input"  name="radio-stacked" required>
    <label class="custom-control-label">Yes</label>
</div>
<div class="custom-control custom-radio mb-3">
    <input type="radio" asp-for="@Model.ActionNeeded" value="No" class="custom-control-input"  name="radio-stacked" required>
    <label class="custom-control-label">No</label>
</div>

我想念什么？这很简单，但无法正常工作...

Answer 1

两个按钮的名称相同，这会使它们失去价值：

name="radio-stacked"

Answer 2

asp-for="@Model.ActionNeeded"正在为两个无线电生成相同的ID。

为每个电台创建一个不同的ID，并在标签中添加for=""

<div class="custom-control custom-radio">
    <input type="radio" id="ActionYes" value="Yes" class="custom-control-input"  name="ActionNeeded" required>
    <label for="ActionYes" class="custom-control-label">Yes</label>
</div>
<div class="custom-control custom-radio mb-3">
    <input type="radio" id="ActionNo" value="No" class="custom-control-input"  name="ActionNeeded" required>
    <label for="ActionNo" class="custom-control-label">No</label>
</div>