刷新ASP.Net MVC中的单选按钮问题

Question

我在MVC屏幕上有几个单选按钮。 我将其中之一设置为页面加载时的默认选择。

 @Html.RadioButton("rbChartType", "1", isChecked: true) @Html.Label("Option1")
 @Html.RadioButton("rbChartType", "2", isChecked: false) @Html.Label("Option2")

我选择了选项2，然后刷新页面（按F5键）。 我期望看到我的Option 1单选按钮被选中，因为页面刷新应该恢复到初始阶段。 但是，我看到我的刷新操作会重置页面上的所有其他数据，但不会重置单选按钮。 在MVC中有什么特别的事情需要重置单选按钮？

我什至尝试将这种逻辑放在$（document）.ready中以便选择该选项，但它也没有使事情成真

 $('input:radio[name=rbChartType]:nth(0)').attr('checked', true);

Answer 1

您的jQuery有点问题。 应该是：

 $('input:radio[name=rbChartType]:nth(0)').attr('checked', 'checked');

或对于较新的版本：

 $('input:radio[name=rbChartType]:nth(0)').prop('checked', true);

Answer 2

解决方案：使用JavaScript（JQuery）：

@ Html.RadioButton（“ rbChartType”，“ 1”，新{@ id =“ rbChartType1”}）@ Html.Label（“ Option1”）@ Html.RadioButton（“ rbChartType”，“ 2”，新{@ id = “ rbChartType2”}）@ Html.Label（“ Option2”）

$（function（）{var currentType ='@ViewBag.SelectedOption'; if（currentType =='1'）{$（“＃rbChartType1”）。prop（“ checked”，true）;} if（currentType ==' 2'）{$（“＃rbChartType2”）。prop（“ checked”，true）;}}）;