实现文本框输入数字 得出总和

要实现的功能:页面上有几个textbox,一个Label,在前台输入到textbox的数字,实时计算这几个textbox的和,把结果实时的在Label中显示出来。准备利用脚本在前台实现,不知道调用textbox的哪个方法可以实现,具体实现流程是怎么样的。

//js代码
<script language="javascript">
function fen()
{
var a = document.getElementById("TextBox1");
var b = document.getElementById("TextBox2");
var cen = document.getElementById("Label1");

var n = parseInt(a.value,10)+parseInt(b.value,10);
cen.innerText = n;
return n;
}
function cc(e)
{
fen();
}
function check(e)
{
var k = window.event.keyCode;
if (k < 48 || k > 57){
alert("你输入的不是数字!")
window.event.keyCode = 0 ;}
}
</script>

//html代码-----------------
<asp:TextBox id="TextBox1" style="Z-INDEX: 102; LEFT: 336px; POSITION: absolute; TOP: 64px" runat="server">0</asp:TextBox>
<asp:TextBox id="TextBox2" style="Z-INDEX: 103; LEFT: 336px; POSITION: absolute; TOP: 112px" runat="server">0</asp:TextBox>
<asp:Label id="Label1" style="Z-INDEX: 104; LEFT: 552px; POSITION: absolute; TOP: 72px" runat="server" Width="72px" onmouseover="cc(this)">Label</asp:Label>

//c#代码------------------------
this.TextBox1.Attributes.Add("onchange","fen();");
this.TextBox2.Attributes.Add("onchange","fen();");
//vb.net代码
Me.TextBox1.Attributes.Add("onchange", "fen();")
Me.TextBox2.Attributes.Add("onchange", "fen();")


类别:Javascript 查看评论
posted @ 2009-09-02 21:46  chaobj  阅读(411)  评论(0编辑  收藏  举报