Question

我在一个设置数据的页面上使用Jquery Mobile-ajax =＆＃34; false＆＃34;始终在加载时刷新内容。

javascript设置了document.ready（）上的单选按钮状态（已选中/未选中），但它仅在GET请求中成功。

当我点击保存按钮并且在POST后再次加载页面时，选择就会消失。

    @using (Html.BeginForm())
{
  @Html.HiddenFor(x => x.CurrentCulture);

    <input type="radio" name="radio-language" id="radio-language-eng" value="en-US" />
    <label for="radio-language-eng">English</label>
    <input type="radio" name="radio-language" id="radio-language-esp" value="es-MX" />
    <label for="radio-language-esp">Spanish</label>
    <input type="submit" value="Save Changes" />
}

<script type="text/javascript">
  $(document).ready(function () {
    var currentCulture = $("#CurrentCulture").val();
    $('input[type=radio][name=radio-language]').checkboxradio();
    $("#radio-language-eng").prop("checked", currentCulture == "en-US");
    $("#radio-language-esp").prop("checked", currentCulture == "es-MX");
    $('input[type=radio][name=radio-language]').checkboxradio("refresh");

    $('input[type=radio][name=radio-language]').change(function () {
      $("#radio-language-eng").prop("checked", this.value == "en-US");
      $("#radio-language-esp").prop("checked", this.value == "es-MX");
      $("#CurrentCulture").val(this.value);
    });
  });
</script>

检查隐藏字段的值，它保持正确的文化，那么为什么放射性按钮会失去它的状态？

Answer 1

您可以使用RadioButtonFor()替换包含脚本的代码，并强烈绑定到您的模型。请注意，您需要为按钮指定id属性以使用关联的标签并防止无效的html。

@Hml.RadioButtonFor(m => m.CurrentCulture, "en-US", new { id = "eng" })
@Html.Label("eng", "English")
@Hml.RadioButtonFor(m => m.CurrentCulture, "es-MX", new { id = "esp" })
@Html.Label("esp", "Spanish")

MVC和JQuery Mobile：Radio Button在帖子上失去了状态

1 个答案: