我有四个<input type="text" />框 当我第一个text框填写上数据的时候 第四个text框将出现和第一个text框相同的数据 当我填写上第二个text
时 第四个text框 出现的是第一个和第二text框里面的数据的和 ,当填写上第三个text的时候 第四个出现的就是前三个text框的 和 ,请问高手如何做到还请高手指点一下啊 谢谢 
写个详细代码出来下 摆脱啦 各位哥哥 !<input id="Text1" type="text" />+<input id="Text2" type="text" />+<input id="Text3" type="text" />=<input id="Text4" type="text" />

解决方案 »

  1.   

    <script>
    var TB1=document.getElementById('Text1'); 
    var TB2=document.getElementById('Text2'); 
    var TB3=document.getElementById('Text3'); 
    var TB4=document.getElementById('Text4'); 
    function A(){TB4.value =TB1.value;}
    function B(){TB4.value =TB2.value+TB4.value;}
    function C(){TB4.value =TB3.value+TB4.value;}
    </script><input id="Text1" type="text" onclick="A()" />+<input id="Text2" type="text" onclick="B()"  />+<input id="Text3" type="text" onclick="C()"  />=<input id="Text4" type="text" />
      

  2.   

    用服务器端控件就好了,可以再TextChanged事件里面写代码,比如Text3的,那么就是
    Text4.Text=Convert.ToInt32(Text1.Text)+Convert.ToInt32(Text2.Text)+Convert.ToInt32(Text3.Text)
      

  3.   


    <input id="Text1" type="text" value="0" />
    <input id="Text2" type="text" value="0"/>
    <input id="Text3" type="text" value="0"/>
    <input id="Text4" type="text" value="0"/>
    分别给这几个文本框加上数字验证,表示这几个文本框都只能输入数字
    由于你就只需要计算这几个文本框的值,最终都是text4=前三个文本框的和
    那么你就只要判断text1,text2,text3为不为空,
    如果为空,就给它赋0,最后text4=text1.value+text2.value+text3.value
      

  4.   

    数值相加最好格式化下数字:parseFloat(TB1.value).toFixed(2)
      

  5.   


    <input id="Text1" type="text" onblur="sum()"/>+<input id="Text2" type="text" onblur="sum()"/>+<input id="Text3" type="text" onblur="sum()"/>=<input id="Text4" type="text" /><script type="text/javascript">
        function sum() {
            var a = document.getElementById("Text1").value;
            var b = document.getElementById("Text2").value;
            var c = document.getElementById("Text3").value;      
            if (a == "" || isNaN(a)) a = 0;
            if (b == "" || isNaN(b)) b = 0;
            if (c == "" || isNaN(c)) c = 0;
            
            document.getElementById("Text4").value = parseInt(a) +parseInt(b) +parseInt(c);
        }
    </script>
      

  6.   


    <script language="javascript" type="text/javascript">
            <!--
            function Sum()
            {
                var value1 = parseInt(document.getElementById("TextBox1").value);
                var value2 = parseInt(document.getElementById("TextBox2").value);
                var value3 = parseInt(document.getElementById("TextBox3").value);
                if(isNaN(value1)){
                    value1=0;
                }
                if(isNaN(value2)){
                    value2=0;
                }
                if(isNaN(value3)){
                    value3=0;
                }
                document.getElementById("TextBox4").value=value1+value2+value3;
            }
            //-->
            </script>
            <asp:TextBox ID="TextBox1" runat="server" onpropertychange="Sum()"></asp:TextBox>
            <asp:TextBox ID="TextBox2" runat="server" onpropertychange="Sum()"></asp:TextBox>
            <asp:TextBox ID="TextBox3" runat="server" onpropertychange="Sum()"></asp:TextBox>
            <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
      

  7.   


        <script>
            var sum =0;
            function Sum(v) {
                sum += parseInt(v);
                document.getElementById("Text4").value=sum;
            }
        </script> <input id="Text1" type="text" onchange="Sum(this.value)" />
        +
        <input id="Text2" type="text" onchange="Sum(this.value)" />
        +
        <input id="Text3" type="text"  onchange="Sum(this.value)"/>
        =
        <input id="Text4" type="text" />
      

  8.   

     
    <script language="javascript"> function A(){document.getElementById("Text4").value = document.getElementById("Text1").value;} 
    function B(){document.getElementById("Text4").value = eval(document.getElementById("Text2").value) + eval(document.getElementById("Text4").value);} 
    function C(){document.getElementById("Text4").value = eval(document.getElementById("Text3").value) + eval(document.getElementById("Text4").value);} 
    </script> <input id="Text1" type="text" onkeyup="A()"  />+ 
    <input id="Text2" type="text" onkeyup="B()"  />+ 
    <input id="Text3" type="text" onkeyup="C()"  />= 
    <input id="Text4" type="text" /> 直接复制到一个 网页文件内就可以
      

  9.   

    首先你把这四个文本框放一个容易里,像什么table之类,然后JS遍历这table里的文本框,请下看下面JS
    function CountScoreSum(obj) {
                var Elements = document.getElementsByTagName("*");
                var i;
                var ObjRe = document.getElementsByName("txtRe");
                var ObjSumScore = document.getElementById("SumScore");
                var sum = 0.0;
                //alert(sum);
                var temp;
                for (i = 0; i < Elements.length; i++) {                if (Elements[i].type == "text" && Elements[i].value != "" && Elements[i].id != "SumScore" && Elements[i].name != "Suggest") {
                       
                            temp = parseFloat(Elements[i].value); 
                            sum += temp;
                 } 
               txtbox4.value = parseFloat(sum).toFixed(1);
            }
        }<input type='text' id =txt1 value="" onblur="CountScoreSum(this)/>
    <input type='text' id =txt2 value=""  onblur="CountScoreSum(this)/>
    <input type='text' id =txt3 value=""  onblur="CountScoreSum(this)/>
    <input type='text' id =txtbox4 />
      

  10.   

        <input id="Text1" type="text" onkeyup="calculate()"/>+<input id="Text2" type="text" onkeyup="calculate()"/>+<input id="Text3" type="text" onkeyup="calculate()"/>=<input id="Text4" type="text" />
            function calculate()
            {
               var s = 0;
               for (i = 1; i < 4; i++)
               {
                 var istring = "Text" + i.toString();
                  var t = eval("document.getElementById('" + istring + "')");
                  if (t.value == "")
                  {
                     s += 0;
                  }
                  else
                  {
                     s += t.value - 0;
                  }
               }
               var t4 = document.getElementById("Text4");
               t4.value = s;
            }
    调试通过
      

  11.   

    这个较为简单
    <input id="Text1" type="text" onblur="sum()"/>+<input id="Text2" type="text" onblur="sum()"/>+<input id="Text3" type="text" onblur="sum()"/>=<input id="Text4" type="text" /><script type="text/javascript">
        function sum() {
            var a = document.getElementById("Text1").value;
            var b = document.getElementById("Text2").value;
            var c = document.getElementById("Text3").value;      
            if (a == "" || isNaN(a)) a = 0;
            if (b == "" || isNaN(b)) b = 0;
            if (c == "" || isNaN(c)) c = 0;
            
            document.getElementById("Text4").value = parseInt(a) +parseInt(b) +parseInt(c);
        }
    </script>
      

  12.   

    各位高手 如果是这样的呢!?<input name="Text1" type="text" onblur="sum()"/>+ <input name="Text2" type="text" onblur="sum()"/>+ <input name="Text3" type="text" onblur="sum()"/>= <input name="Text4" type="text" /> 
     此问题解决之后马上结贴!!!!
      

  13.   

    把document.getElementById改为document.getElementsByName("Text1")[0]
    如果你页面有好几个控件具有相同的name,那就遍历一下,看哪个是你要的
      

  14.   


    就这么就行,但如果你页面有好几个控件具有相同的name,我建议就把这里的四个单独命名一下最好别重。不但麻烦,还易出错