将数字添加到文本框

Question

<input type=text id="txtNum"/>

ex. of button
 <asp:Button ID="btnNum1" runat="server" CssClass="btnNumbers" Text="1"  />
<asp:Button ID="btnNum5" runat="server" CssClass="btnNumbers" Text="5" />

基本上我的页面上有一个巨大的数字键盘，使用0-9的Buttons标签和backspage和clear。这将是一个触摸屏设备

当用户触摸button1在我的文本框中放置“1”时，我不确定该如何处理。然后，如果他们按下button5，我的文本框值会将5附加到1。

我想使用javascript来执行此任务，因此它不会针对每个按钮执行回发点击请帮助。

Answer 1

防止回发的最简单方法是不使用asp.net按钮控件。只需使用标准的html按钮

<button type="button" class="btnNumbers">1</button>

然后只需附加按钮的click事件，并将其值附加到文本框中。

Answer 2

添加以下方法
$(document).ready(function() { $(".btnNumbers").click(function() { $("#txtNum").val($("#txtNum").val() +$(this).val()); return false; }); });