实现文本框输入数字得出总和代码,Asp.NET代码库,德仔网

代码语言

代码分类

【Asp.NET】实现文本框输入数字得出总和

作者:勤勤 / 发布于2016/9/6/ 632

要实现的功能：页面上有几个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();")

试试其它关键字

同语言下

可能有用的

勤勤贡献的其它代码(21)