Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

andersonb8

Somar Subtotal

Por , em Javascript

Recommended Posts

andersonb8    0

andersonb8
Postado

Desde já agradeço quem poder ajudar.

Como faço para somar os subtotais e mostrar abaixo da <table>?

<html>
<head>  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
	$('#form').submit(function(){
		var $this = $( this );

		var valor = $this.find("input[name='valor']").val(),
			qtd = $this.find("input[name='qtd']").val(),
			subtotal = (parseFloat(valor) * parseFloat(qtd));
					
		var tr = '<tr>'+
			'<td>'+valor+'</td>'+
			'<td>'+qtd+'</td>'+
			'<td>'+subtotal+'</td>'+
			'</tr>'
		$('#grid').find('tbody').append( tr );
		
		return false;
	});
});
</script>
</head>

<body style="max-width:800px; margin:5%">
<form id="form">
    <input type="text" name="valor"size="20%"/>
    <input type="text" name="qtd" size="10%" value="1"/> 
    <input type="submit" value="Adicionar"/>
</form>

<table width="50%" border="1" id="grid">		
<tbody>            
</tbody>      
</table>

</body>
</html>

Desde já agradeço quem poder ajudar.

Como faço para somar os subtotais e mostrar abaixo da <table>?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo simples:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var $total = $('#total');

  $('#form').submit(function(){
    var $this = $( this );

    var valor = $this.find("input[name='valor']").val(),
      qtd = $this.find("input[name='qtd']").val(),
      subtotal = (parseFloat(valor) * parseFloat(qtd));

    var tr = '<tr>'+
      '<td>'+valor+'</td>'+
      '<td>'+qtd+'</td>'+
      '<td>'+subtotal+'</td>'+
      '</tr>'
    $('#grid').find('tbody').append( tr );

    $total.html(parseFloat($total.html(),10) + subtotal)

    return false;
  });
});
</script>
</head>

<body style="max-width:800px; margin:5%">
<form id="form">
    <input type="text" name="valor"size="20%"/>
    <input type="text" name="qtd" size="10%" value="1"/>
    <input type="submit" value="Adicionar"/>
</form>

<table width="50%" border="1" id="grid">
<tbody>
</tbody>
<tfoot>
  <tr>
    <td>Total</td>
    <td></td>
    <td id="total">0</td>
  </tr>
</tfoot>
</table>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andersonb8    0

andersonb8
Postado

Olá Willian tentei com o seu código porém não funcionou, ai usei esse daqui:

soma = 0  
    $('.subtotal').each(function() {
        soma += Number($ (this).html())
    });
$('#total').text('R$ '+(soma - desconto).toFixed(2).replace('.',','));

Mas obrigado pela ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito