Javascript 复选框未被调用

我有一个复选框，我希望如果它真的显示下一个字段（这里是上传文件），当我点击它时，什么都没有发生，即视图没有刷新，你知道怎么解决吗？因为我对Java脚本非常陌生，可能我错过了一些东西

<script type="text/javascript">
                $(function () {

                    $("#Visible").change(function () {
                        var checked = $(this).attr("checked");
                        if (checked) {
                            $("#File").show();
                        }
                        else {
                            $("#File").hide();
                         }
                    });
                });
            </script>

    <div class="form-group">
        @Html.LabelFor(model => model.Visible, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Visible)
            @Html.ValidationMessageFor(model => model.Visible)
        </div>
    </div>


        <div class="form-group">

            @Html.LabelFor(model => model.File, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input type="file" />
            </div>
        </div>

$（函数（）{
$（“#可见”）。更改（函数（）{
var checked=$（this.attr（“checked”）；
如果（选中）{
$（“#文件”）.show（）；
}
否则{
$（“#文件”）.hide（）；
}
});
});
@LabelFor（model=>model.Visible，新的{@class=“controllabel col-md-2”}）
@EditorFor（model=>model.Visible）
@Html.ValidationMessageFor（model=>model.Visible）
@LabelFor（model=>model.File，新的{@class=“controllabel col-md-2”}）

您可以这样尝试：

$(function ()
 {     
      $("#Visible").change(function () 
      {         
        $("#File").toggle(this.checked);     
       }); 
 });

---

尝试

$（函数（）{$（“#可见”）.change（函数（）{$（“#文件”）.toggle（this.checked）；}）呈现的HTML标记是什么样子？@Felix-我应该如何找到它？