<table width="200" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>一月</td>
    <td>二月</td>
<td>合计</td>
  </tr>
  <tr>
    <td>金额</td>
    <td><input name="test" type="text" value="789"/></td>
    <td><input type="test"  name="tes" value="789"/></td>
<td>&nbsp;</td>
  </tr>
  <tr>
    <td>金额</td>
    <td><input name="test" type="text" value="789"/></td>
    <td><input type="text"name="test" value="789"/></td>
<td>&nbsp;</td>
  </tr>
  <tr>
    <td>金额</td>
    <td><input name="test" type="text" value="789"/></td>
    <td><input  name="test"type="text" value="789"/></td>
    <td>&nbsp;</td>
  </tr>
</table>文本框中的数据是从数据库中查询出来的

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标双击滚动单击停止 - 中国asp之家</title><script language"javascript">
    window.onload = function(){
    var input = document.getElementsByName("test");
    var total = 0;
    for (var i = 0; i< input.length; i++) {
    total += +input[i].value;
    }
    alert(total);
    };
    </script></head><body><table width="200" border="1">
      <tr>
      <td>&nbsp;</td>
      <td>一月</td>
      <td>二月</td>
    <td>合计</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="test" name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="text"name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input name="test"type="text" value="789"/></td>
      <td>&nbsp;</td>
      </tr>
    </table>
    </body></html>
      

  2.   


    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标双击滚动单击停止 - 中国asp之家</title><script language"javascript">
    window.onload = function(){
    var tr = document.getElementsByTagName("table")[0].rows;
    for(var i in tr){
    var val = 0;
    var input = tr[i].getElementsByTagName("input");
    if(!input.length)
    continue;
    for(var j = 0; j < input.length;j++) {
    val += +(input[j].value);
    }
    tr[i].cells[tr[i].cells.length-1].innerHTML = val;
    }
    };
    </script></head><body><table width="200" border="1">
      <tr>
      <td>&nbsp;</td>
      <td>一月</td>
      <td>二月</td>
    <td>合计</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="test" name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="text"name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input name="test"type="text" value="789"/></td>
      <td>&nbsp;</td>
      </tr>
    </table>
    </body></html>
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <form action="" method="get">
    <table width="200" border="1">
       <tr>
        <td></td>
        <td>一月</td>
        <td>二月</td>
    <td>合计</td>
      </tr>
      <tr>
        <td>金额</td>
        <td><input name="test" type="text" id="test" value="789"/></td>
        <td><input type="test"  name="tes" id="test2" value="789"/></td>
    <td><input type="text"name="a" id="a" /></td>
      </tr>
      <tr>
        <td>金额</td>
        <td><input name="test" type="text"id="test" value="789"/></td>
        <td><input type="text"name="tes" id="test2" value="789"/></td>
    <td><input type="text"name="a" id="a" /></td>
      </tr>
      <tr>
        <td>金额</td>
        <td><input name="test" type="text" id="test" value="789"/></td>
        <td><input  name="test"type="text" id="test2"  value="789"/></td>
    <td><input type="text"name="a" id="a" /></td>
      </tr>
    </table><input name="" type="button"  value="计算" onclick="sum()"/>
    <label></label>
    </form></body>
    </html>
    <script language="javascript1.1">
    function sum(){
      var name = document.getElementById("test").value;
    var name2 = document.getElementById("test2").value;
    alert(name);
    alert(name2);
    alert(parseInt(name)+parseInt(name2));
    var sum = parseInt(name)+parseInt(name2);
    document.getElementById("a").value=sum;


    };
    </script>我这个方法只能获得第二行的数据并把第一行的一月和二月的数据相加显示在合计里面 但是第三行和第四行就不知道如何获取了
      

  4.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标双击滚动单击停止 - 中国asp之家</title><script language"javascript">
    window.onload = function(){
        var tr = document.getElementsByTagName("table")[0].rows;
    for(var i = 0; i < tr.length; i++) {
    var val  = 0;
    var input = tr[i].getElementsByTagName("input");
    if(!input.length) 
    continue;
    for(var j = 0; j < input.length;j++) {
                val += +(input[j].value);
            }
            tr[i].cells[tr[i].cells.length-1].innerHTML = val;
    }
    };
    </script></head><body><table width="200" border="1">
      <tr>
      <td>&nbsp;</td>
      <td>一月</td>
      <td>二月</td>
    <td>合计</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="test" name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input type="text"name="test" value="789"/></td>
    <td>&nbsp;</td>
      </tr>
      <tr>
      <td>金额</td>
      <td><input name="test" type="text" value="789"/></td>
      <td><input name="test"type="text" value="789"/></td>
      <td>&nbsp;</td>
      </tr>
    </table>
    </body></html>