jS合计列值怎么写(JS高手请进)？

发布网友 发布时间：2022-04-22 16:54

我来回答

共1个回答

热心网友 时间：2023-07-15 14:37

<table width="200" border="0" id="table">
  <tr>
    <td>名称</td>
    <td>图片</td>
    <td>价格</td>
    <td>操作</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>10</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>10</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>10</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>10</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>合计</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<script type="text/javascript">
    var calcTotal=function(table,column){//合计，表格对象，对哪一列进行合计，第一列从0开始
        var trs=table.getElementsByTagName('tr');
        var start=1,//忽略第一行的表头
            end=trs.length-1;//忽略最后合计的一行
        var total=0;
        for(var i=start;i<end;i++){
            var td=trs[i].getElementsByTagName('td')[column];
            var t=parseFloat(td.innerHTML);
            if(t)total+=t;
        }
        trs[end].getElementsByTagName('td')[column].innerHTML=total;
    };
    calcTotal(document.getElementById('table'),2);
</script>