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

我试图使它这样一个特定的div是隐藏的，当一个partialview加载和显示时，单选按钮被选中。这是我使用的jquery

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

$（“输入[name='JointOwner']）。单击（函数（）{
如果（$（this.val（）=“1”）{
$（“#jointaplicantinfo”）.show（）；
}否则{
$（“#jointaplicantinfo”）.hide（）；
}
});

当窗体加载显示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>

@LabelFor（m=>m.JointOwner，新的{@class=“col-md-3控制标签”}）
@（m=>m.JointOwner，新的{@class=“formcontrol”，value=“1”}）是的
@（m=>m.JointOwner，新的{@class=“formcontrol”，value=“0”}）否
@Html.ValidationMessageFor（m=>m.JointOwner）
//联合申请人
@LabelFor（m=>m.JointFirstName，新的{@class=“col-md-3控制标签”}）
@TextBoxFor（m=>m.JointFirstName，new{@class=“form control”}）
@Html.ValidationMessageFor（m=>m.JointFirstName）

无论如何，我都不是JavaScript专家，但我的猜测是，

$（this）.val（）==“1”

的计算结果总是为false，因此它总是落入隐藏div的分支中。您可以通过添加对

alert（）的调用来测试这一点

，查看执行哪个分支。我需要在加载时隐藏div。当我选择“1”值时，这会导致我的div被隐藏。我已经更新了我的代码。如果是这种情况，你最好在CSS中隐藏它。只需将它设置为

display:none-已更新答案。
<script>
$("#JointApplicantInfo").hide();

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

#JointApplicantInfo {
    display: none;
}