Javascript 如何通过单击文本框jquery使表格可见

我在表中创建了一个numpad，并将表设置为visible false。我想在用户单击文本框后显示表。这是我写的代码

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

$（文档）.ready（函数（）{
$（'numpadID'）.live（'click'，函数（事件）{
$（'numpadTable'）。切换（'show'）；
});
});

---

它不起作用。有什么帮助吗？

请不要使用“开启”按钮

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

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

    });
});

更新使用此：-

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

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

    });
});

---

当您使用ASP.NET时，

numpadID

是您需要使用的服务器控件（当您使用

runat=“server”

）

将获取由ASP.NET生成的HTML标记的控件ID

使用

$（“#”）在（'click'，函数（）{
$（“#”）切换（'show'）；
});

或

您可以使用模式，然后可以继续使用现有代码。不过，我不会推荐它

---

---

从jQuery 1.7开始，

.live（）

方法已被弃用。用于附加事件处理程序。较旧版本的jQuery用户应优先使用

.live（）

您可以使用此代码显示和隐藏表

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

$（“#”）焦点（函数（）{
$（“#numpadTable”）.attr（'visible'，'true'）；
});

谢谢，我工作得很好。但是，当我点击表格时，表格来了又去，我工作过，但有些结果，顺便说一句，我使用css隐藏了类似表格的display:none属性。我想知道为什么当我点击按钮时，它会发生这种情况，它会将数字写入文本框，同时会重新加载页面，这就是为什么表格会出现。我使用了onClientClick=“return false；”但是这次它没有将其值返回到textbox.Haha。愚蠢的错误。很高兴你抓住了它；）是的；）我有这个想法，但我不知道如何解决它。顺便说一下，它与numpadTable不在同一张表上。

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