找到 2 个单选按钮 MVC 的非唯一 id 元素

Question

我在 MVC 页面上有这个性别字段，它会在 Chrome 的控制台中生成重复 ID 的错误

<div class="form-group row">
@Html.LabelFor(m => m.UserGender, new { @class = "col-sm-4" })
<div class="col-sm-6">
<label>@Html.RadioButtonFor(m => m.UserGender, "true") Male </label>
<label>@Html.RadioButtonFor(m => m.UserGender, "false") Female </label>
</div>
</div>

以下是Chrome的控制台输出：

Registration:1 [DOM] Found 2 elements with non-unique id #UserGender: (More info: ...) <input data-val=​"true" data-val-required=​"The Gender field is required." id=​"UserGender" name=​"UserGender" type=​"radio" value=​"true">​ <input id=​"UserGender" name=​"UserGender" type=​"radio" value=​"false">​

我在页面上有几个这样的错误。如何设置单选按钮选项以防止这种情况？

研究

我找到了一种向每个无线电元素添加随机id以修复控制台呕吐警告的方法，但不确定是否有适当的方法可以在 MVC 中处理此问题：

<label>@Html.RadioButtonFor(m => m.UserGender, "true", new { id = "radio" + Guid.NewGuid(), @checked = "checked" }) Male </label>

Answer 1

显然，添加 is through HTML 属性是唯一的方法：

<label>@Html.RadioButtonFor(m => m.UserGender, "true", new { id = "radio" + Guid.NewGuid(), @checked = "checked" }) Male </label>