读取td值并使用php或javascript显示总计

时间:2016-11-17 14:46:48

标签: javascript php html

我重新提出了一个问题,希望能够更好地理解它。我正在开发一个table.php文件,其结构如下:

<table>
 <tr>
  <td class="a" name="id">Field1</td>
  <td class="b" name="title">Field2</td>
  <td class="c" name="adder">Field3</td>
  <td class="d" name="addend">Field4</td>
  <td class="e" name="sum">Field5</td>
 </tr>
</table>

我想要做的是读取已经给定的Field3和Field4的值,对这两个数字进行加法计算,并使用php或javascript在Field5中显示结果。我试过这个:

<script>
var x = document.getElementByClassName("a");
var y = document.getElementByClassName("b");
var z = x+y;
document.write('z').innerHTML = c;
</script>

<script>
var a = document.getElementByClassName("a").innerHTML;
var b = document.getElementByClassName("b").innerHTML;
var c = a+b;
document.write("c").innerHTML = c;
</script>

......但他们都没有工作。有什么新想法吗?

2 个答案:

答案 0 :(得分:0)

使用Jquery:

var tot1 = parseInt($('.a').text());
var tot2 = parseInt($('.b').text());
var tot3 = parseInt(tot1+tot2);
$('.c').text(tot3);

此致

答案 1 :(得分:0)

你可以使用jQuery:

var a = 0;
$('table td:not(last-child)').each(function(i) {
    a += parseInt($(this).text());
});

$('table td:last-child').text(a);

希望这有帮助!