为单选按钮 MVC 找到 2 个具有非唯一 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>

为单选按钮 MVC 找到 2 个具有非唯一 ID 的元素

Found 2 elements with non-unique id for Radio Buttons MVC

html

asp.net-mvc-5