在复选框中未选中的jQuery中重置文本框值

Question

On selecting File below checkbox gets enabled if checkbox is checked then the below password textbox gets enabled.

If the checkbox is unchecked the password textbox gets hide but the textbox value is not getting cleared.

$(function() {
  $('#<%=chkAddPdfPassword.ClientID %>').ready(
    function() {
      $('#<%=chkAddPdfPassword.ClientID%>').click(function() {
        if ($('#<%=chkAddPdfPassword.ClientID%>').is(":checked")) {
          $("#divPasswordField").show();
        } else {
          $(document).ready(function() {
            $('#txtFilePassword').val('');
          });
          $("#divPasswordField").hide();
        }
      })
    })
})

How can we do this with jQuery.

Answer 1

Try removing the $(document).ready()

  $(function () {
        $('#<%=chkAddPdfPassword.ClientID %>').ready(
        function () { 
            $('#<%=chkAddPdfPassword.ClientID%>').click(function () {
                if ($('#<%=chkAddPdfPassword.ClientID%>').is(":checked")) {  
                    $("#divPasswordField").show();
                } else {            
                    $('#txtFilePassword').val('');
                    $("#divPasswordField").hide();
                }
            })
        })
    })

Answer 2

Issue resolved : Solution

 <script> 
    $(function () {
        $('#<%=chkAddPdfPassword.ClientID %>').ready(
        function () { 
            $('#<%=chkAddPdfPassword.ClientID%>').click(function () {
                if ($('#<%=chkAddPdfPassword.ClientID%>').is(":checked")) {  
                    $("#divPasswordField").show();
                } else {
                    $("#divPasswordField").hide(); 
                     document.getElementById('<%= txtFilePassword.ClientID %>').value = '';
                } 
            })
        })
    }) 
</script> 

Answer