Я пытаюсь получить датированную сумму нижнего колонтитула в метке из нижнего колонтитула в HTML, используя javascript
, вот код
<table id="tbldata" class="table table-bordered table-striped table-responsive" style="width:100%">
<thead>
<tr>
<th>Investigation.</th>
<th>Rs.</th>
<th style="width:5%">Delete.</th>
</tr>
</thead>
@foreach (investigationonly p in Model.investigationonly)
{
<tbody>
<tr>
<td>
@p.investigation
</td>
<td class="countable">
@p.price
</td>
<td style="width:5%">
Delete
</td>
</tr>
</tbody>
}
<tfoot>
<tr>
<th colspan="3" style="text-align:right">Total:<label id="lbltotal"></label></th>
</tr>
</tfoot>
</table><label id="txttotalpayble"></label>
Вот скриншот таблицы успешно работает в нижнем колонтитуле ![enter image description here](https://i.stack.imgur.com/kfqFp.png)
, поскольку вы можете увидеть его общую сумму в нижнем колонтитуле, но я пытаюсь показать в метке также
здесь javascript функция
<script>
var cls = document.getElementById("tbldata").getElementsByTagName("td");
var sum = 0;
for (var i = 0; i < cls.length; i++) {
if (cls[i].className == "countable") {
sum += isNaN(cls[i].innerHTML) ? 0 : parseInt(cls[i].innerHTML);
}
}
document.getElementById("lbltotal").innerHTML = sum;
document.getElementById("txttotalpayble").innerHTML = sum;