Calculo em tabela - somar linhas e totalizar coluna
- Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
- Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
- Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
- Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
- Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!
1 resposta
-
Bom dia, @William.
Tava vendo que você não utiliza a biblioteca do JQuery, então precisa usar o JavaScript puro, segue código:
<div class="table-responsive"> <table class="table table-hover" table="calculasinal"> <tr> <th>Descrição</th> <th>Ato /A vista</th> <th>Para 30 dias</th> <th>Para 60 dias</th> <th>Total</th> </tr> <tr> <td id="td-coordenacao1">Coordenação</td> <td><input type="text" id="coordenacao11" name="coordenacao11[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td ><input type="text" id="coordenacao12" name="coordenacao12[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td><input type="text" id="coordenacao13" name="coordenacao13[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td ><input type="text" id="totalcoord" name="totalcoord[]" onchange="soma()"></td> </tr> </table> </div> <script> function soma(){ var ato2 = document.getElementById("coordenacao11").value; var Tdias2 = document.getElementById("coordenacao12").value; var Sdias2 = document.getElementById("coordenacao13").value; var soma = parseFloat(ato2) + parseFloat(Tdias2) + parseFloat(Sdias2); var x = document.getElementById("totalcoord"); if(ato2 == "" || Tdias2 == "" || Sdias2 == ""){ x.value = ""; return false; } else{ x.value = soma; return false; } } </script>Para colocar direto no Fluig:
HTML:
<div class="table-responsive"> <table class="table table-hover" table="calculasinal"> <tr> <th>Descrição</th> <th>Ato /A vista</th> <th>Para 30 dias</th> <th>Para 60 dias</th> <th>Total</th> </tr> <tr> <td id="td-coordenacao1">Coordenação</td> <td><input type="text" id="coordenacao11" name="coordenacao11[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td ><input type="text" id="coordenacao12" name="coordenacao12[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td><input type="text" id="coordenacao13" name="coordenacao13[]" mask="#00.000.000.000.000,00" onchange="soma()"></td> <td ><input type="text" id="totalcoord" name="totalcoord[]" onchange="soma()"></td> </tr> </table> </div>JavaScript:
function soma(){ var ato = $("#coordenacao11").val(); var Tdias = $("#coordenacao12").val(); var Sdias = $("#coordenacao13").val(); var soma = parseFloat(ato) + parseFloat(Tdias) + parseFloat(Sdias); console.log(soma); $("#totalcoord").val(soma); }No seu HTML estava faltando o ID no campo "coordenação13" e no campo "totalcoord". Também adicionei o evento onchange para sempre que o valor do campo for alterado a função ser executada e o total ser recalculado.
Se minha resposta te ajudou, não esquece de marcar como solução para ajudar os demais usuários do Forum.
Atenciosamente, Leonardo Fioretti.
-
Bom dia Leonardo, não, é uma tabela simples sem adição de novas linhas. Coloquei no JSFiddlle e não retornou a soma.
— William de Freitas Dantas 05 de Apr de 2019 -
Estranho, tenta colocar dentro do Fluig. Utilizo algo parecido, só mudei as variáveis e os ids
— Leonardo Fioretti 05 de Apr de 2019 -
Vai entender, no FLUIG funcionou. Desculpa não ter testado antes, preferi fazer antes de colocar na base testes. Mesmo assim, muito obrigado pela ajuda. Abs.
— William de Freitas Dantas 05 de Apr de 2019 -
Leonardo, ficou show agora. Muito obrigado pela ajuda. Abs.
— William de Freitas Dantas 05 de Apr de 2019 -
Tá tranquilo, William. Que bom que funcionou!
— Leonardo Fioretti 05 de Apr de 2019
-