不能 select 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。

为每个radio创建不同的id，并在label中添加一个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>

不能 select Razor 页面中的单选按钮

Can't select a Radio button in a Razor page

c#

radio-button

razor-pages

asp.net-core-2.2