求js高手帮忙解决一下

<html>
<head>
<title>求和</title>
</head>
<body onload="">
<table border="1px" id="tab">
  <tr>
  <td width="100px">第一加油站</td>
  <td width="100px">1</td>
  <td width="100px">2</td>
  <td width="100px">3</td>
  </tr>
  <tr>
  <td>第二加油站</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  </tr>
  <tr>
  <td>第三加油站</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
 <tr>
  <td>第三加油站</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>合计</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
<input class="button" type="button" name="butJs" onclick="init()" value="计算"></input>  
</table>
</body>
</html>
怎么计算每一列数据的和,求高手帮忙解决一下

解决方案 »

  1.   


    <html>
    <head>
    <title>求和</title>
    </head>
    <body onload="">
    <table border="1px" id="tab">
      <tr>
      <td width="100px">第一加油站</td>
      <td width="100px">1</td>
      <td width="100px">2</td>
      <td width="100px">3</td>
      </tr>
      <tr>
      <td>第二加油站</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      </tr>
      <tr>
      <td>第三加油站</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      </tr>
     <tr>
      <td>第三加油站</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      </tr>
      <tr>
      <td>合计</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
    <input class="button" type="button" name="butJs" onclick="init()" value="计算"></input>  
    </table>
    </body>
    </html>
    <script>
    function init()
    {
    var tb=document.getElementById("tab"); //获得表格对象
    var s1=0,s2=0,s3=0;
    for(var i=0;i<tb.rows.length-1;i++)
    {
    s1 += parseInt(tb.rows[i].cells[1].innerHTML);
    s2 += parseInt(tb.rows[i].cells[2].innerHTML);
    s3 += parseInt(tb.rows[i].cells[3].innerHTML);
    }
    tb.rows[i].cells[1].innerHTML = s1;
    tb.rows[i].cells[2].innerHTML = s2;
    tb.rows[i].cells[3].innerHTML = s3;
    }
    </script>
      

  2.   

    我用mootools的方法写下吧init()
    {
    var tabtable = $('tab');
    var trs = tabtable.getElement('tr');
    var sum_one =0;
    var sum_two =0;
    var sum_three =0;
    for( var i =0 ;i<trs.count;i++)
    {
      sum_one +=trs[i].getElment('td')[1].get('value');
      sum_two +=trs[i].getElment('td')[2].get('value');
      sum_three +=trs[i].getElment('td')[3].get('value');
      
    }
    }
      

  3.   

    <html>
    <head>
    <title>求和</title>
    <script type="text/javascript">
    function init() {
    var result = {};
    var tb = document.getElementById("tab");
    var len = tb.rows.length;
    for (var i = 0; i < len - 1; i = i + 1) {
    var cellLen = tb.rows[i].cells.length;
    for (var j = 1; j < cellLen; j = j + 1) {
    result[j] = !!result[j] ? parseInt(result[j]) + parseInt(tb.rows[i].cells[j].innerHTML) : parseInt(tb.rows[i].cells[j].innerHTML);
    }
    }
    var tr = tb.rows[len - 1]
    len = tr.cells.length;
    for (var i = 1; i < len; i = i + 1) {
    tr.cells[i].innerHTML = result[i];
    }
    }
    </script>
    </head>
    <body>
    <table border="1px" id="tab">
      <tr>
      <td width="100px">第一加油站</td>
      <td width="100px">1</td>
      <td width="100px">2</td>
      <td width="100px">3</td>
      </tr>
      <tr>
      <td>第二加油站</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      </tr>
      <tr>
      <td>第三加油站</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      </tr>
     <tr>
      <td>第三加油站</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      </tr>
      <tr>
      <td>合计</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
    <input class="button" type="button" name="butJs" onclick="init()" value="计算"></input>   
    </table>
    </body>
    </html>