如果选中收音机，则在 asp.net mvc 和 jquery 中显示一个 div

Question

我正在尝试使其在部分视图加载时隐藏某个 div，并在选择单选按钮时显示。这是我使用的 jquery

<script>
$("input[name='JointOwner']").click(function () {
    if ($(this).val() == "1") {
        $("#JointApplicantInfo").show();
    } else {
        $("#JointApplicantInfo").hide();
    }
});
</script>

当表单加载时显示 div 并且当我选择 == 1 的相应按钮时，它会隐藏 div 并且不会将其带回来。

这就是我的表单的样子

<div class="form-group">
    @Html.LabelFor(m => m.JointOwner, new { @class = "col-md-3 control-label" })
    <div class="col-md-9">
        <label>@Html.RadioButtonFor(m => m.JointOwner, new { @class = "form-control", value="1"})&nbsp;Yes</label>
        <label>@Html.RadioButtonFor(m => m.JointOwner, new { @class = "form-control", value = "0" })&nbsp;No</label>
        @Html.ValidationMessageFor(m => m.JointOwner)
    </div>
</div>

//Joint Applicant
<div id="JointApplicantInfo">
    <div class="form-group">
        @Html.LabelFor(m => m.JointFirstName, new { @class = "col-md-3 control-label" })
        <div class="col-md-9">
            @Html.TextBoxFor(m => m.JointFirstName, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.JointFirstName)
        </div>
    </div>

Answer 1

<script>
$("#JointApplicantInfo").hide();

$("input[name='JointOwner']").change(function () {
    $("#JointApplicantInfo").toggle();
});
</script>

在 CSS 中默认隐藏 JointApplicantInfo div...

#JointApplicantInfo {
    display: none;
}