Calcular 2 Tabelas

hemerson321 · Maio 4, 2015

Ola bom dia a todos tenho 2 tabelas uma com valor de entrada e outra com valor de saída abaixo queria diminuir o valor da entrada com o valor da saída e totalizar tipo assim:

Entrada: 200,00 R$
Saida :50,00 R$

Totalizando: 150,00 R$

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<tr>

<td> ENTRADA</td>

</tr>

</table>

<tr>

<td width="39%"> PRODUTO</td>

<td width="12%">VALOR</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

<td> SAIDA</td>

</tr>

</table>

<tr>

<td width="39%"> DESCRICAO</td>

<td width="12%">VALOR</td>

</tr>

<td >SAIDA</td>

</tr>

</table>

<p>TOTAL ENTRADA =R$ 200,00</p>

<p>TOTAL SAIDA =R$ 50,00</p>

<p>TOTAL GERAL =R$ 150,00</p>

</body>

</html>

wootzor · Maio 4, 2015

O total em termo de formatação não fica exactamente como pretendes mas foi o melhor que consegui.

Fica um exemplo, utilizando jQuery:

$(document).ready(function () {
    var entrada = 0,
        saida = 0,
        total = 0;
    $.each($("td[name='entrada']"), function() {
        entrada += parseFloat($(this).text().replace(",", "."));
    });
    $.each($("td[name='saida']"), function() {
        saida += parseFloat($(this).text().replace(",", "."));
    });
    total = entrada - saida;
    $("body").append("TOTAL ENTRADA = R$ " + entrada + "<br />")
             .append("TOTAL SAIDA = R$ " + saida + "<br />")
             .append("TOTAL GERAL = R$ " + total + "<br />");
});

Para tal tens de colocar o atributo name "entrada" nos td com os valores de entrada e "saida" nos td de saída.

Editado Maio 4, 2015 por wootzor

hemerson321 · Maio 4, 2015

Mano perfeito exatamente isso só mais uma coisa

você poderia os valores dos totais em uma tabela não consegui tirar de dentra do codigo javascript so isso prometo que não encomodo mais rsrsrs perfeito!

wootzor · Maio 4, 2015

Basta adicionar uma nova tabela para os totais:

<table border="1">
    <tr>
        <td>TOTAL ENTRADA</td>
        <td id="totalEntrada"></td>
    </tr>
    <tr>
        <td>TOTAL SAIDA</td>
        <td id="totalSaida"></td>
    </tr>
    <tr>
        <td>TOTAL GERAL</td>
        <td id="totalGeral"></td>
    </tr>
</table>

E alterar as últimas três linhas do código jQuery:

$("#totalEntrada").append("R$ " + entrada);
$("#totalSaida").append("R$ " + saida)
$("#totalGeral").append("R$ " + total);

Exemplo

Editado Maio 4, 2015 por wootzor

Entrar

Calcular 2 Tabelas

Pergunta

hemerson321

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

wootzor

Link para o comentário

Compartilhar em outros sites

hemerson321

Link para o comentário

Compartilhar em outros sites

wootzor

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades