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

Question

如果选中此复选框，则启用“选择下面的文件”时，则会启用下面的密码文本框。

如果未选中此复选框，则密码文本框将被隐藏，但文本框的值不会被清除。

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

我们如何使用jQuery做到这一点。

Answer 1

尝试删除$（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

问题已解决：解决方案

 <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> 

答案