2015-09-30 81 views
3

我想乘以单元格内容(只有数字)和使用JavaScript。 结果是要被显示在小区X如何通过js乘以表格单元格的内容?

<script type="text/javascript"> 
function zmiana(){ 
    var x = document.getElementById("rowstawka"); 
    x.getElementsByTagName('td')[1].innerHTML=document.getElementById('Stawka2').value; 

    var y = document.getElementById("rowgodziny"); 
    y.getElementsByTagName('td')[1].innerHTML=document.getElementById('Godziny').value; 



} 
</script> 

我使用上述脚本内容在一个表添加到细胞中。

这里是表:

<table id="tabela"> 
<tr id="rowstawka"> 
    <td>Stawka</td> 
    <td>12</td> 
</tr> 

<tr id="rowgodziny"> 
    <td>Godziny</td> 
    <td>50</td> 
</tr> 

<tr id="rowPensja"> 
    <td>Pensja</td> 
    <td>-</td> 
</tr> 

<tr id="rowNetto"> 
    <td>Pensja Netto</td> 
    <td>x</td> 
</tr> 


</table> 
+1

你可以改变'table' html,比如添加类吗?如果是,[检查此](http://jsfiddle.net/710z9xd9/)。 – DontVoteMeDown

+0

不错的主意!谢谢:) – MMon

+0

我已发布为答案。 – DontVoteMeDown

回答

1

如果你可以改变HTML,请尝试使用类,以确定哪些细胞包含要计算的数字:

<table id="tabela"> 
    <tr id="rowstawka"> 
     <td>Stawka</td> 
     <td class="num">12</td> 
    </tr> 
    <tr id="rowgodziny"> 
     <td>Godziny</td> 
     <td class="num">50</td> 
    </tr> 
    <tr id="rowPensja"> 
     <td>Pensja</td> 
     <td>-</td> 
    </tr> 
    <tr id="rowNetto"> 
     <td>Pensja Netto</td> 
     <td id="result">x</td> 
    </tr> 
</table> 

然后用这个简单的代码片段使魔:

var numbers = document.querySelectorAll(".num"); 
var total = 1; 

for (var i = 0; i < numbers.length; i++) 
{ 
    total*= Number(numbers[i].innerText); 
} 

document.getElementById("result").innerText = total; 

Fiddle

+0

我还有一个问题。如何从 X * 12乘数,并导致增加 ​​roczna X – MMon

+0

@ 'for'循环后的MichałMasłoń,'var total2 = total * 12; document.getElementById(“roczna”)。innerText = total2; ' – DontVoteMeDown

相关问题