如何通過點擊文本框jquery來創建可見表格

我在表格內創建了一個數字小鍵盤，並將該表格設置爲false。我想在用戶點擊文本框後顯示錶格。這是我寫的代碼;如何通過點擊文本框jquery來創建可見表格

<div id="divTable"> 
       <table align="center" runat="server" id="numpadTable" visible="false"> 
      <tr> 
       <td> 
        <asp:Button ID="Button1" runat="server" Text="1" OnClick="Button1_Click" CssClass="btnNumpad" /></td> 
       <td class="auto-style2"> 
        <asp:Button ID="Button2" runat="server" Text="2" OnClick="Button2_Click" CssClass="btnNumpad" /></td> 
       <td> 
        <asp:Button ID="Button3" runat="server" Text="3" OnClick="Button3_Click" CssClass="btnNumpad" /></td> 
      </tr></table></div>

textbox id =「numpadID」;

我發現了這樣的代碼，但我失敗了。例如;

<script> 
$(document).ready(function() { 
    $('#numpadID').live('click', function(event) { 

     $('#numpadTable').toggle('show'); 

    }); 
}); 
</script>

它不工作。任何幫助？

來源

2015-12-21 OykunYenal

而不是 '上'

$(document).ready(function() { 
    $('#numpadID').on('click', function(event) { 

     $('#numpadTable').toggle('show'); 

    }); 
});

更新使用現場使用： -

$(document).ready(function() { 
    $('#numpadID').on('click', function(event) { 

     $('#numpadTable').fadeIn(); 

    }); 
});

來源

2015-12-21 12:01:22

謝謝你我工作得很好。但是，當我點擊表格時，表格進入和退出 – OykunYenal

我工作過，但有些結果，順便說一句，我用CSS來隱藏表格，如display：none property。 – OykunYenal

我想到爲什麼它發生時，我點擊它的編號按鈕到文本框，同時這樣做重新加載頁面，這就是爲什麼表。我使用了onClientClick =「return false;」但是這次它不會將它的值返回給文本框。 – OykunYenal

當您使用ASP.NET，numpadID是服務器控件（如你正在使用runat="server"）您需要使用Control.ClientID。 <%= numpadID.ClientID %>將獲取由ASP.NET生成的HTML標記的控件ID。

使用

$("#<%= numpadID.ClientID %>").on('click', function() { 
    $("#<%= numpadTable.ClientID %>").toggle('show'); 
});

您可以使用ClientIDMode.Static模式，那麼你可以與你現有的代碼繼續。但我不會推薦它。

在jQuery 1.7的，該方法.live()不推薦使用。使用.on()附加事件處理程序。舊版jQuery的用戶應優先使用.delegate()而不是.live()

來源

2015-12-21 12:04:35 Satpal

當我點擊文本框時它不工作 – OykunYenal

OykunYenal

您可以使用此代碼來顯示和隱藏表格。

$("#<%= numpadID.ClientID %>").focus(function() { 
    $("#numpadTable").attr('visible','true'); 
});

來源

2015-12-21 12:08:25

如何通過點擊文本框jquery來創建可見表格

回答

相關問題