asp.net核心单选按钮帮助器为每个单选按钮呈现的ID始终相同

Question

Create.cshtml //为简洁起见删除了Rest表单代码

<div class="form-group">
<label for="GradingKey.HalfScoresCount">
    <input asp-for="GradingKey.HalfScoresCount" value="true" type="radio" />Yes
</label>
<span asp-validation-for="GradingKey.HalfScoresCount" class="text-danger" />
</div>

<div class="form-group">
<label for="GradingKey.HalfScoresCount">
    <input asp-for="GradingKey.HalfScoresCount" value="false" type="radio" />No
</label>
<span asp-validation-for="GradingKey.HalfScoresCount" class="text-danger" />
</div>

创建了Html

<div class="form-group">
<label for="GradingKey.HalfScoresCount">
    <input value="true" type="radio" data-val="true" data-val-required="Das Feld &quot;HalfScoresCount&quot; ist erforderlich." id="GradingKey_HalfScoresCount" name="GradingKey.HalfScoresCount" />Yes
</label>
<span class="text-danger field-validation-valid" data-valmsg-for="GradingKey.HalfScoresCount" data-valmsg-replace="true" />
</div>

<div class="form-group">
<label for="GradingKey.HalfScoresCount">
    <input value="false" type="radio" id="GradingKey_HalfScoresCount" name="GradingKey.HalfScoresCount" />No
</label>
<span class="text-danger field-validation-valid" data-valmsg-for="GradingKey.HalfScoresCount" data-valmsg-replace="true" />
</div>

为什么生成的html与两个单选按钮的ID相同？

我怎么能避免这种情况？

Answer 1

为什么生成的html与两个单选按钮的ID相同？

默认情况下,idan 的字段input将是asp-for标记帮助器值中设置的属性的名称.您有两次列出的相同值:

<input asp-for="GradingKey.HalfScoresCount" value="true" type="radio" />Yes
<input asp-for="GradingKey.HalfScoresCount" value="false" type="radio" />No

我怎么能避免这种情况？

只需指定您自己的id属性值:

<input asp-for="GradingKey.HalfScoresCount" value="true" type="radio" id="myFirstId" />Yes
<input asp-for="GradingKey.HalfScoresCount" value="false" type="radio" id="mySecondId" />No

只要您不修改name属性,模型绑定仍将正常运行.