【请教】TextBox 失去焦点时，计算3个TextBox的和，写到第四个TextBox上

tiger波波 2009-12-01 12:13:15

我自己尝试着写的，不行

<script language="javascript" type="text/javascript">
// <!CDATA[
function AddNum() {
var vtotal, vm1, vm2, vm3;

String str_m1 = window.document.getElementById("TB_M1").value;
String str_m2 = window.document.getElementById("TB_M2").value;
String str_m3 = window.document.getElementById("TB_M3").value;

vm1= parseFloat(str_m1);
vm2= parseFloat(str_m2);
vm3= parseFloat(str_m3);

vtotal = vm1+vm2+vm3;
window.document.getElementById("TB_Total").value = vtotal.toString();
}

// ]]>
</script>

<asp:TextBox ID="TB_In" runat="server" onblur="AddNum();">0</asp:TextBox>
万吨</td>
<asp:TextBox ID="TB_In" runat="server" onblur="AddNum();">0</asp:TextBox>
万吨</td>
<asp:TextBox ID="TB_In" runat="server" onblur="AddNum();">0</asp:TextBox>
万吨</td>
<asp:TextBox ID="TB_In" runat="server" onblur="AddNum();">0</asp:TextBox>
万吨</td>

...全文

133 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

sohighthesky 2009-12-01

打赏
举报

lz把String str_m1 换成var str_m1就可以了

Adechen 2009-12-01

打赏
举报

楼主思路是对的，楼上已有方法了

YnSky 2009-12-01

打赏
举报

wuyq11 2009-12-01

打赏
举报

function FDight(Dight,How) {;
Dight = Math.round(Dight * Math.pow(10, How)) / Math.pow(10, How);
return Dight;
}
function cal() {
var a= document.getElementById("txta");
var b= document.getElementById("txtb");
var c= document.getElementById("txtc");

A_A= FDight(parseFloat(A.value), 2);
B_B= FDight(parseFloat(B.value), 2);
C_C= FDight(parseFloat(C.value), 2);
document.getElementById("txtMonDect").value = A_A+B_B+C_C
}

优秀。 2009-12-01

打赏
举报

[b]
先吃饭
回来接分....[/b]

优秀。 2009-12-01

打赏
举报

页面代码



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

    <script language="javascript" type="text/javascript"> 

        function AddNum() { 

            var vtotal, vm1, vm2, vm3; 

 

            var str_m1 = window.document.getElementById("TB_M1").value; 

            var str_m2 = window.document.getElementById("TB_M2").value; 

            var str_m3 = window.document.getElementById("TB_M3").value; 

            

            vm1= parseFloat(str_m1); 

            vm2= parseFloat(str_m2); 

            vm3= parseFloat(str_m3); 

            

            vtotal = vm1+vm2+vm3; 

            window.document.getElementById("TB_Total").value = vtotal;

        }  

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="TB_M1" runat="server"></asp:TextBox><br />

        <asp:TextBox ID="TB_M2" runat="server"></asp:TextBox><br />

        <asp:TextBox ID="TB_M3" runat="server" onblur="AddNum()"></asp:TextBox><br />

        <asp:TextBox ID="TB_Total" runat="server"></asp:TextBox> </div>

    </form>

</body>

</html>

vVolF_28 2009-12-01

打赏
举报



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="TextBox1" runat="server" onchange="sum()">0</asp:TextBox>

        <asp:TextBox ID="TextBox2" runat="server" onchange="sum()">0</asp:TextBox>

        <asp:TextBox ID="TextBox3" runat="server" onchange="sum()">0</asp:TextBox>

        <asp:TextBox ID="TextBox4" runat="server">0</asp:TextBox>

    </div>

    </form>

</body>

</html>

<script language="javascript" type="text/javascript">

function sum()

{

    document.getElementById("TextBox4").value = Number(document.getElementById("TextBox1").value) + Number(document.getElementById("TextBox2").value) + Number(document.getElementById("TextBox3").value);

}

</script>

宝_爸 2009-12-01

打赏
举报

控件的ID不对了。

Robinfu2013 2009-12-01

打赏
举报

asp:TextBox 的 ID 怎么都是相同的？代码里面是不同的吗？

Robinfu2013 2009-12-01

打赏
举报

asp:TextBox 的 ID

优秀。 2009-12-01

打赏
举报

Onblur 事件上吧

优秀。 2009-12-01

打赏
举报

[Quote=引用 6 楼 judyliuqiang 的回复:]
页面代码

C# code<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"%><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title>无标题页</title><script language="javascript" type="text/javascript">
function AddNum() {var vtotal, vm1, vm2, vm3;var str_m1= window.document.getElementById("TB_M1").value;var str_m2= window.document.getElementById("TB_M2").value;var str_m3= window.document.getElementById("TB_M3").value;

vm1= parseFloat(str_m1);
vm2= parseFloat(str_m2);
vm3= parseFloat(str_m3);

vtotal= vm1+vm2+vm3;
window.document.getElementById("TB_Total").value= vtotal;
}</script></head><body><form id="form1" runat="server"><div><asp:TextBox ID="TB_M1" runat="server"></asp:TextBox><br/><asp:TextBox ID="TB_M2" runat="server"></asp:TextBox><br/><asp:TextBox ID="TB_M3" runat="server" onblur="AddNum()"></asp:TextBox><br/><asp:TextBox ID="TB_Total" runat="server"></asp:TextBox> </div></form></body></html>
[/Quote]

这个不可以吗？高手解释下