複選框未被調用

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);  
     }); 
});