在mvc webgrid中使用单选按钮？

Question

我的表单上有一个WebGrid，里面有一个名为'duration'的列。在此列中，我显示2个单选按钮，因此管理员应在每行（30天或90天）为该用户选择一个有效期并提交。在这里，我想获得所选的单选按钮值提交值和该行的Id，以便我可以使用该值执行数据库活动。

 grid.Column("Duration", format: @<text><div style="width: 30em"><table><tr><td><input       type="radio" name="group1" value="30"> 30 Days<br>
</td><td><input type="radio" name="group1" value="90"> 90 days<br>
</td></tr></table></div></text>)))

这里的问题是，当我给出相同的组名称单选按钮时，我们只能在整个网格中选择一个单选按钮，但我想要的是他应该在每一行上选择一个单选按钮。如何进行检索？

Answer 1

每个“组”单选按钮应使用单独的名称。在所有具有相同名称的单选按钮中，只能选择一个。

使用MVC，您可以使用模型绑定;当您的表单回发时，将构建模型并根据名称或ID值分配属性。

要使用此功能，您需要使用以下方法创建输入：

@Html.RadioButtonFor(Function(m) m.MyProperty) @* ... *@

** * ** * * 编辑 - 更清晰的解释的 * ** * ** * ** * ** * ** * * 我们用两个'组'。用户可以选择名字和职业。要限制组中的选择数，每个控制组都需要其自己的单选按钮的“名称”属性值。

@Html.RadioButtonFor(Function(m) m.NameSelected, "Jane", New With { .name = "UserName" }) Jane <br />
@Html.RadioButtonFor(Function(m) m.NameSelected, "Jack", New With { .name = "UserName" }) Jack <br />



@Html.RadioButtonFor(Function(m) m.Occupation, "Lumberjack", New With { .name = "Occupation" }) Lumberjack <br />
@Html.RadioButtonFor(Function(m) m.Occupation, "Waiter/Waitress", New With { .name = "Occupation" }) Waiter/Waitress

现在可以选择名称的单选按钮，而不会影响占用组中的单选按钮选择，反之亦然。