2

我有一个 EditorTemplate，里面有一组单选按钮。

<div class="vote">
    @Html.RadioButtonFor(x => x.Vote, 1, new { @class = "rdbn" })
    @Html.RadioButtonFor(x => x.Vote, 2, new { @class = "rdbn" })
    @Html.RadioButtonFor(x => x.Vote, 3, new { @class = "rdbn" })
</div>

当我运行应用程序时，输出是：

<div class="vote">
    <input id="Reviews_0__Vote" type="radio" class="myCssClass" value="1" name="Reviews[0].Vote">
    <input id="Reviews_0__Vote" type="radio" class="myCssClass" value="2" name="Reviews[0].Vote">
    <input id="Reviews_0__Vote" type="radio" class="myCssClass" value="3" name="Reviews[0].Vote">
</div> 
<div class="vote">
    <input id="Reviews_1__Vote" type="radio" class="myCssClass" value="1" name="Reviews[1].Vote">
    <input id="Reviews_1__Vote" type="radio" class="myCssClass" value="2" name="Reviews[1].Vote">
    <input id="Reviews_1__Vote" type="radio" class="myCssClass" value="3" name="Reviews[1].Vote">
</div>

问题是input元素的ID每次都是一样的。我正在尝试在这些单选按钮上运行一些 jquery，但如果每个元素的 ID 都相同，我显然不能。是否有一种简单的方法可以使 ID 每次都唯一，而无需使用 HTML 属性手动指定它？

4

2 回答 2

2

为了节省您每次都必须设置 id 属性，您可以创建一个类似于以下的扩展方法（未经测试）：

public static MvcHtmlString RadioButtonListFor<TModel, TProperty>
    (this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, 
        IEnumerable<object> values, IDictionary<string, object> htmlAttributes)
{
    var builder = new StringBuilder();

    foreach (var value in values)
    {
        //Create a unique id based on the radio button value
        if (!htmlAttributes.ContainsKey("id"))
            htmlAttributes.Add("id", string.Format("{0}_{1}", htmlHelper.IdFor(expression), value.ToString()));

        builder.Append(htmlHelper.RadioButtonFor(expression, value, htmlAttributes));
    }

    return new MvcHtmlString(builder.ToString());
}

然后你可以在你的视图中使用这个扩展：

<div class="vote">
    @Html.RadioButtonListFor(x => x.Vote, new[] {1, 2, 3},  new { @class = "rdbn" })
</div>
于 2013-05-28T19:55:04.503 回答
0

您可以使用 jQuery 按值查找单个单选按钮，而不是按 ID：

$("#idOfRadioButton").find(":radio[value=1]")
于 2013-05-28T19:57:17.617 回答