在復選框中未選中的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> 

回答