如何将字符串属性绑定到视图中的单选按钮

本文关键字:视图 单选按钮 绑定 字符串 属性 | 更新日期: 2023-09-27 18:21:36

我正在开发一个ASPMVC应用程序。我有一个具有字符串属性的模型,如下所示:

...
string TeamSize;
...

在视图中,我想显示一些单选按钮来选择团队规模,而不是文本框,例如:

(o)0-10   ()10-20   ()20-30   ()> 30

我知道TeamSize应该被定义为enum,然后绑定将是自动的,但与其他应用程序的一些交互会导致TeamSize是一个字符串。

我知道使用JavaScript很容易实现,但我想知道是否可以使用ASPMVC4将该字符串属性与视图中的单选按钮绑定?

如何将字符串属性绑定到视图中的单选按钮

只需使用RadioButtonFor()助手

@Html.RadioButtonFor(m => m.TeamSize, "0-10")<span>0-10</span>
@Html.RadioButtonFor(m => m.TeamSize, "10-20")<span>10-20</span>
@Html.RadioButtonFor(m => m.TeamSize, "20-30")<span>20-30</span>
@Html.RadioButtonFor(m => m.TeamSize, "> 30")<span>> 30</span>

如果TeamSize的值为"10-20",则将选择第二个单选按钮。如果用户选择第三个按钮,则该值将以"20-30"的形式返回

注意:您可能希望向每个按钮传递一个id,并使用<label for=>而不是<span>

@Html.RadioButtonFor(m => m.TeamSize, "0-10", new { id = "TS1"})<label for="TS1">0-10</label>