在 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

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