复选框未被调用

Question

我有我想要的复选框，如果它的真实显示下一个字段（这是上传文件在这里），当我点击它时什么也没有发生，该视图不刷新，任何想法如何解决它？因为我很新的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> 

Answer 1

你可以试试这样：

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