javascript - 刷新页面后显示div类

Question

我有一个单选按钮，可以选择显示或隐藏单选按钮状态的 div 内容，但是在我填写表单并按 F5 后，之前的状态保持不变，但 div 类消失了。

$(document).ready(function () {
    $("input[name$='Chapel']").click(function () {
        var test = $(this).val();
        if (test == 'No') {
            $("div#hideChapel").hide();
        }
        else {
            $("div#hideChapel").show();
        }
    });
});

HTML

<div class="form-group">
@Html.LabelFor(model => model.Chapel, htmlAttributes: new { @class = "control-label col-md-3" })
 <div class="col-md-9">
<label class="radio-inline">
 @Html.RadioButtonFor(model => model.Chapel, "Yes", new { @class = "styled", htmlAttributes = new { @checked = "true", @name = "Chapel"} }) Yes
 </label>
<label class="radio-inline">
@Html.RadioButtonFor(model => model.Chapel, "No", new { @class = "styled", htmlAttributes = new { @checked = "true" , @name = "Chapel" } })
  No
 </label>
 @Html.ValidationMessageFor(model => model.Chapel, "", new { @class = "text-danger" })
 </div>
</div>

有什么意见吗，问题出在哪里？

Answer 1

页面刷新后，如果您想显示 div，则需要在点击功能之外添加该代码。

$(document).ready(function () {
    // Add logic when to show this div
    $("div#hideChapel").show(); // Here you go

    $("input[name$='Chapel']").click(function () {
        var test = $(this).val();
        if (test == 'No') {
            $("div#hideChapel").hide();
        }
        else {
            $("div#hideChapel").show();
        }
    });
});