Question

我在动态生成单选按钮组时遇到问题。单选按钮代表运动夹具的3个互斥结果。然后，每个3的分组表示不同的固定装置。然而，当我生成它们时，它们都表现为一个巨大的群体。

我使用以下 部分视图 生成单选按钮：

@model Competition.Models.MatchModel

@Html.RadioButtonFor(p => p.Result, Result.Team1Win, new { id = Model.MatchID })
@Html.LabelFor(p => p.Result, Model.Team1.Name)

@Html.RadioButtonFor(p => p.Result, Result.Draw, new { id = Model.MatchID })
@Html.LabelFor(p => p.Result, "Draw")

@Html.RadioButtonFor(p => p.Result, Result.Team2Win, new { id = Model.MatchID })
@Html.LabelFor(p => p.Result, Model.Team2.Name)

然后将这些部分视图嵌入 父视图 中，如下所示：

<div>
@Html.Partial("Match", Model.Groups[0].groupMatch1)
</div>
<div>
@Html.Partial("Match", Model.Groups[0].groupMatch2)
</div>

部分视图的模型如下所示：

public class MatchModel
{
    public int MatchID { get; set; }

    public Country Team1 { get; set; }
    public Country Team2 { get; set; }
    public Result Result { get; set; }
}

最后 结果是一个枚举 ，代表3种可能的结果：

public enum Result
{
    Team1Win,
    Draw,
    Team2Win
}

我遇到的问题是，这会产生多组单选按钮，但是，它们都被归类为一个巨大的组，即我只能从所有这些组中选择一个选项。我希望每组能做一次选择。

生成的 html 如下：

<div>

<input checked="checked" data-val="true" data-val-required="The Result field       is required." id="1" name="Result" type="radio" value="Team1Win" />
<label for="Result">USA</label>

<input id="1" name="Result" type="radio" value="Draw" />
<label for="Result">Draw</label>

<input id="1" name="Result" type="radio" value="Team2Win" />
<label for="Result">Brazil</label>

</div>
<div>

<input checked="checked" data-val="true" data-val-required="The Result field is required." id="2" name="Result" type="radio" value="Team1Win" />
<label for="Result">China</label>

<input id="2" name="Result" type="radio" value="Draw" />
<label for="Result">Draw</label>

<input id="2" name="Result" type="radio" value="Team2Win" />
<label for="Result">Germany</label>

</div>

我认为问题是所有单选按钮的Name属性都相同，但我不确定如何让每个组的内容不同。

多个单选按钮组在MVC中充当一个大的分组

0 个答案: