如何通过点击文本框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来创建可见表格

回答

相关问题