文本框求和问题?

如下页面有文本框:
txt_1   txt_2  txt_3   txt_4  txt_5
txt_6   txt_7  txt_8   txt_9  txt_10
txt_11  txt_12 txt_13  txt_14 txt_15
txt_16  txt_17 txt_18  txt_19 txt_20
txt_21  txt_22 txt_23  txt_24 txt_25
txt_26  txt_27 txt_28  txt_29 txt_30假设输入文本框的都是数字,当不管鼠标离开那个文本框时,计算每行的前四个的和,求的的和放在每行最后的一个文本框(txt_5,txt_10...)中;同时列的前5个文本框的和放在该列的最后一个文本(如:txt_26,txt_27...)框中.就是说鼠标不在那个文本框中,求的行,列的和都对应放在行,列的最后一个文本框中.  这些文本框是<input> 不是服务器的 TextBox . 求script 脚本

解决方案 »

  1.   

    <body>
      <input id="Text11" style="width: 66px" type="text" onblur="Sum(this)" />
      <input id="Text12" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text13" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text14" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text15" style="width: 66px" type="text" />
      <br />
      <input id="Text21" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text22" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text23" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text24" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text25" style="width: 66px" type="text" />
      <br />
      <input id="Text31" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text32" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text33" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text34" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text35" style="width: 66px" type="text" />
      <br />
      <input id="Text41" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text42" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text43" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text44" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text45" style="width: 66px" type="text" />
      <br />
      <input id="Text51" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text52" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text53" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text54" style="width: 66px" type="text" onblur="Sum(this)"/>
      <input id="Text55" style="width: 66px" type="text" />
      <br />
      <script language="javascript">
        
        function Sum(txt)
        {
          var id = txt.id;
          var row = id.substr(4,1);
          var col = id.substr(5,1);
          var s = 0;
          var textbox;
          var number;
          for(i=1;i<5;i++)
          {
            textbox = document.getElementById("Text" + row + i);
            number = parseInt(textbox.value);
            if(isNaN(number))
            {
              number = 0;
            }
            textbox.value =number;
            s += number;
          }
          document.getElementById("Text" + row + 5).value = s;
          s = 0;
          for(i=1;i<5;i++)
          {
            textbox = document.getElementById("Text" + i + col);
            number = parseInt(textbox.value);
            if(isNaN(number))
            {
              number = 0;
            }
            textbox.value =number;
            s += number;
          }
          document.getElementById("Text5" + col).value = s;
        }
      </script>
    </body>
      

  2.   

    <input onblr="txt(1,1,1)" type="text" id="txt_1"> <--文本框的编号,行,列-->
    <input onblr="txt(2,1,2)" type="text" id="txt_2">
    ...function txt(IDs,row,col)
    {
       var a1=IDs-col+1;
       var rowSum=null;
       
       for(var i=1;i<5;i++){
         rowSum+=Number(document.all("txt_"+a1).value);
         a1+=5;
       } 
       document.all("txt_"+a1).value=rowSum;
       
      var a2=IDs-5row+5;
      var colSum=null;
      for(var j=1;j<6;j++)
      {
         colSum+=Number(documnet.all("txt_"+a2).value);
         a2+=5;
      }
      document.all("txt_"+a2).value=colSum;
       
    }