从视图中的单选按钮获取发布的选定值

Question

我有一个视图，其中最多显示 5 个单选按钮，如下所示：

查看

foreach(var item in Model.AvailableOptions)
{
     @Html.RadioButtonFor(m => m.Option, item.OptionId, new { Id = item.Id});
}

型号

IList<Options> AvailableOptions {get; set;}

然后我在处理更改页面上的某些表单的同一视图上有一个 javascript。例如，如果我有 5 个单选按钮，当我单击每个按钮时，我会隐藏表单并显示下一个等等。

问题是，如果有 5 个单选按钮，而我在第三个单选按钮上，并且我在表单中提交了一些无效条目，那么当它返回页面时，它会将其设置为第一个单选按钮。我想知道提交时选择了哪一个，以便我可以在 javascript 上重置它。

我想要类似的东西（只是不知道该怎么做）

var selectedValue =  '@(int)Model.SomehowRetrieveTheValuePosted';

那么我就可以做到：

jQuery(".radioOptions")[selectedValue].show();

或类似的东西。

Answer 1

您的模型需要一个属性来绑定选定的选项，例如

public class MyModel
{
  public int SelectedOption { get; set; }
  IList<Options> AvailableOptions {get; set;}
}

查看

foreach(var option in Model.AvailableOptions)
{
  @Html.RadioButtonFor(m => m.SelectedOption , option.OptionId, new { Id = option.Id});
  // assume Option contains a property Name for display
  <label for="@option.Id">@option.Name</label> 
}

如果SelectedOption 的值与其中一个选项的Id 匹配，则在页面首次显示时将被选中。如果您选择另一个选项，则在您发布并返回视图时将选择该选项。

旁注：由于您没有为Options 生成任何控件，因此您需要确保在返回视图时重新分配选项的值。