驗證錯誤後觸發jquery

Question

我使用laravel 5.3與laravelcollective/html 5.2 .. 我做了一個複選框，如果檢查，一個隱藏的輸入會出來，如果我取消它的輸入將被隱藏..後從laravel複選框驗證請求錯誤保持選中狀態，但隱藏的輸入沒有顯示了..請我需要幫助..感謝..

我複選框的html：

<label> 
{!! Form::checkbox('penerima_beda', '1', null, ['id' => 'penerima_beda']) !!}Penerima Berbeda 
</label> 

這裏是我的jQuery：

$("#penerima_beda").click(function() { 
     if(this.checked){ 
      $("#panel_penerima").css("display", "block"); 
      $("#nama_penerima").attr("required", "required"); 
      $("#no_telp_penerima").attr("required", "required"); 
      $("#alamat_penerima").attr("required", "required"); 
      //console.log(this); 
     }else if(!this.checked){ 
      $("#panel_penerima").css("display", "none"); 
      $("#nama_penerima").removeAttr("required"); 
      $("#no_telp_penerima").removeAttr("required"); 
      $("#alamat_penerima").removeAttr("required"); 
     } 
    }); 

Answer 1

您需要在文檔加載添加一個檢查條款，以顯示隱藏的輸入字段

$(document).ready(function() { 

    // Show the input if the checkbox is checked 
    if ($("#penerima_beda").is(":checked")) { 
     $("#panel_penerima").css("display", "block"); 
     $("#nama_penerima").attr("required", "required"); 
     $("#no_telp_penerima").attr("required", "required"); 
     $("#alamat_penerima").attr("required", "required"); 
    } 

    // This works only on click event 
    $("#penerima_beda").click(function() { 
     if(this.checked){ 
      $("#panel_penerima").css("display", "block"); 
      $("#nama_penerima").attr("required", "required"); 
      $("#no_telp_penerima").attr("required", "required"); 
      $("#alamat_penerima").attr("required", "required"); 
     }else if(!this.checked){ 
      $("#panel_penerima").css("display", "none"); 
      $("#nama_penerima").removeAttr("required"); 
      $("#no_telp_penerima").removeAttr("required"); 
      $("#alamat_penerima").removeAttr("required"); 
     } 
    }); 

});