将数字添加到文本框

add numbers to textbox

本文关键字:文本 添加 数字      更新时间:2024-04-20
<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的按钮标签和后页和清晰。这将适用于触摸屏设备

当用户触摸 button1 以在我的文本框中放置"1"时,我不确定该怎么做。然后,如果他们点击按钮5,我的文本框值会将5附加到1。

我想使用 javascript 来执行此任务,这样它就不会为每次单击按钮执行回发,请帮助。

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

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

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

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