Javascript 尝试使用单选按钮选择隐藏文本框

每次在MVC中选择DOB或DOJ时，我都试图显示文本框。这就是我目前所拥有的。文本框已隐藏，但不会显示

<script>
    $("#textbox").hide();
    $("input[name='radio']").on("change", function () {
        if ($(this).val() == "DOB") {
            $("#textbox").show();
        }
    });
</script>



    <div class="row">
    <div class="col-md-4">
        <form asp-action="Find">
            <div id="textbox"
            @Html.TextBoxFor(m => m.input)<br />
            </div>
            @Html.RadioButtonFor(m => m.radio, "ID")<aspan>ID</aspan><br />
            @Html.RadioButtonFor(m => m.radio, "FirstName")<aspan>First Name</aspan><br />
            @Html.RadioButtonFor(m => m.radio, "LastName")<aspan>Last Name</aspan><br />
            <div id="buttons">
            @Html.RadioButtonFor(m => m.radio, "DOB")<aspan>DOB</aspan><br />

            @Html.RadioButtonFor(m => m.radio, "DOJ")<aspan>DOJ</aspan><br />
            </div>           
            @Html.RadioButtonFor(m => m.radio, "Phone")<aspan>Phone</aspan><br />
            @Html.RadioButtonFor(m => m.radio, "Email")<aspan>Email</aspan><br />
            <div class="form-group">
                <input type="submit" value="Find" class="btn btn-default" />
            </div>
        </form>
    </div>
</div>

$（“#文本框”）.hide（）；
$（“输入[name='radio']”）。在（“更改”上，函数（）{
如果（$（this.val（）=“DOB”）{
$（“#文本框”）.show（）；
}
});
m、 输入）

@Html.radiobutton（m=>m.radio，“ID”）ID

@Html.radioButton（m=>m.radio，“FirstName”）名字

@Html.radioButton（m=>m.radio，“LastName”）姓氏

@Html.radiobutton（m=>m.radio，“DOB”）DOB

@Html.radiobutton（m=>m.radio，“DOJ”）DOJ

@Html.radiobutton（m=>m.radio，“电话”）电话

@Html.radiobutton（m=>m.radio，“Email”）电子邮件