页面中自动计算

waslee 2008-01-09 02:25:34

页面中又两个文本框加法运算10+10=20
在textbox1中输入10 textbox2中输入10 textbox3自动输出20
请问这个如何实现呢。

...全文

83 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

LikeCode 2008-01-09

打赏
举报

另外,accMul方法是抄来的,网上有偶就不自己钻研了:)

西安风影 2008-01-09

打赏
举报

不需要用服务器控件
input即可
采用onproperty 或者 onkeyup

LikeCode 2008-01-09

打赏
举报

TO 3#
这是因为JS对浮点运算....的那个....唉,我也不知道怎么说,看了一篇文章,JAVA对浮点算运算很麻烦.
感谢vrhero 提供帮助.

代码改为这样

<!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>

</head>

<body>

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

    <div>

        <asp:TextBox ID="TextBox1" runat="server" onkeyup="doEval()"></asp:TextBox>+<asp:TextBox ID="TextBox2"

            runat="server" onkeyup="doEval()"></asp:TextBox>=<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

            

        </div>

    </form>

    <script type="text/javascript">

    function doEval(){

        var sTxt1=document.getElementById("<%=TextBox1.ClientID %>").value;

        var sTxt2=document.getElementById("<%=TextBox2.ClientID %>").value;

        if(sTxt1!=""&&sTxt2!=""){

            var oTxt=document.getElementById("<%=TextBox3.ClientID %>");

            oTxt.value=accMul(sTxt1,sTxt2);

        }

    }

    function accMul(arg1,arg2)

    {

        var m=0,s1=arg1.toString(),s2=arg2.toString();

        try{m+=s1.split(".")[1].length}catch(e){}

        try{m+=s2.split(".")[1].length}catch(e){}

        return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)

    }

    </script>

</body>

</html>

----------------
QUOTE:竹子真牛B,,JS写得如此迅速,,连服务器都免了.
----------------
不敢当不敢当,竹子绝对是准菜鸟.
:)

lihongdian 2008-01-09

打赏
举报

竹子真牛B,,JS写得如此迅速,,连服务器都免了.

再用ajax提交连刷新都免了

waslee 2008-01-09

打赏
举报

乘法运算 oTxt.value=eval(sTxt1+"*"+sTxt2);

1.2*3=3.5999999999999996

楼上的用你的方法出现以上结果

changjiangzhibin 2008-01-09

打赏
举报

可写在第二个文本框的事件中，当然1楼的最好喽

LikeCode 2008-01-09

打赏
举报

<!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>

</head>

<body>

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

    <div>

        <asp:TextBox ID="TextBox1" runat="server" onkeyup="doEval()"></asp:TextBox>+<asp:TextBox ID="TextBox2"

            runat="server" onkeyup="doEval()"></asp:TextBox>=<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

            

        </div>

    </form>

    <script type="text/javascript">

    function doEval(){

        var sTxt1=document.getElementById("<%=TextBox1.ClientID %>").value;

        var sTxt2=document.getElementById("<%=TextBox2.ClientID %>").value;

        if(sTxt1!=""&&sTxt2!=""){

            var oTxt=document.getElementById("<%=TextBox3.ClientID %>");

            oTxt.value=eval(sTxt1+"+"+sTxt2);

        }

    }

    </script>

</body>

</html>