Ir para conteúdo

POWERED BY:

Arquivado

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

willgner

calcular campos de tabela

Por , em Desenvolvimento frontend

Recommended Posts

willgner    0

willgner
Postado

Boa Noite!

Criei um formulário para pedidos.

Assim que o atendente digita o código ele faz a consulta no banco e trás a descrição o valor unitário , depois de colocar a quantidade o sistema já faz o calculo automático do valor total daquele item ao clicar em um Button insere estas informações na tabela, meu problema é o seguinte necessito calcular o valor de todas as linhas da Tabela para ter o SubTotal dos Produtos , mas como fazer já quebrei a cabeça procurei em diversos locais e nada , já estou pensando em fazer a parte de pedido em delphi , vocês são minha ultima esperança .

Segue abaixo o código da pagina.

 

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<head>




		
		
		function ValorTotal(){
		
		 var  v1 = parseFloat(document.getElementById('unitario').value);
          var  v2 = parseFloat(document.getElementById('qtde').value);
           document.getElementById('total').value = (v1*v2).toFixed(2);
		
		
		
		
          
}
		
        
       
 
  
  $(document).ready(function(){
	$('#form_prepare').submit(function(){
		var $this = $( this );

		var codigo = $this.find("input[name='codigo']").val(),
		    descricao = $this.find("input[name='descricao']").val(),
			qtde = $this.find("input[name='qtde']").val(),
			unitario = $this.find("input[name='unitario']").val(),
			total = $this.find("input[name='total']").val(),
			cupom = $this.find("input[name='cupom']").val();

		var tr = '<tr>'+
			'<td>'+codigo+'</td>'+
			'<td>'+descricao+'</td>'+
			'<td>'+qtde+'</td>'+
			'<td>'+unitario+'</td>'+
			'<td>'+total+'</td>'+
			'<td>'+cupom+'</td>'+
			'</tr>'
		$('#grid').find('tbody').append( tr );

		var hiddens = '<input type="hidden" name="codigo[]" value="'+codigo+'" />'+
			'<input type="hidden" name="descricao[]" value="'+descricao+'" />'+
			'<input type="hidden" name="qtde[]" value="'+qtde+'" />'+
			'<input type="hidden" name="unitario[]" value="'+unitario+'" />'+
			'<input type="hidden" name="total[]" value="'+total+'" />'+
			'<input type="hidden" name="cupom[]" value="'+cupom+'" />';

		$('#form_insert').find('fieldset').append( hiddens );

		return false;
	});
});
	
	
	
    


  </script>

</head>
<form action="" method="post" id="form_prepare">
					   <fieldset>
					   <label> Cupom <label>
					   <input type="text" name="cupom" maxlength="13" size="13" style="width:150px;" value="<?php echo $cupom ?>" readonly />
					   
			           

					   <input type="text" name="codigo" maxlength="13" onblur="autoCompleta()" id="codigo" size="13" style="width:150px;" tabindex="5" />
				       
				       <input type="text" name="descricao" maxlength="50" id="descricao"  size="20" style="width:300px;"  readonly />
				       
				       <input type="text" name="qtde" maxlength="10"  id="qtde"  onblur="ValorTotal()"size="10" style="width:95px;" tabindex="6" >
					   
				       <input type="text" name="unitario" maxlength="10" id="unitario"   size="10" style="width:95px;" readonly />
					
				       <input type="text" name="total" maxlength="10"  id="total"  size="10" style="width:95px;" readonly />

				      <input type="submit" name="ok" value="Incluir" onClick="limpa()" tabindex="7" />
					  </fieldset>
					</form>
                     						
						<table id="grid"  cellpadding="0" cellspacing="0" border="1"  style="border:1px solid #f9f9f9;" >
				    <thead>
					<TR bgcolor="#DCDCDC"> 
                       <TD width="150">Código</TD> 
                       <TD width="300">Descrição </TD> 
                       <TD width="100">Quantidade</TD>
                       <TD width="100">Unitário</TD>
                       <TD width="100">Total</TD>
					    <TD width="100">Cupom</TD> 
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table><!-- /grid -->
                    </td>
                </tr>
            </table>
					   
								
						</td>
                </tr>
            </table>
			<label> SubTotal </label>
			<input type="text" name="subtotal" maxlength="13"  id="subtotal" size="13" style="width:150px;" readonly />
        </div>
        <div id="divEndereco" style="display: none">
            <table border="0" width="100%">
                <tr>
				
				
				<td>
                       <div class="span3">           
			             <form action="" method="post" id="form_insert">
			           <fieldset style="display: none;"></fieldset>
			           <label><input type="submit" name="cadastrar" value="Finalizar" /></label>
		                </form>
								
                       
					
					</td>
                     
                       
        </div>
		
		<div id="divConta" style="display: none">
            <table border="0" width="50%">
                <tr>
                    <td>
                       <div class="span3">           
			             
								
                       
					
					</td>
                        
				   
				</tr>
				
            </table>
        </div>
        
		
        <script>
            defineAba( "celAbaConsulta"  , "divConsulta"   );
            defineAba( "celAbaPessoais" , "divPessoais"  );
			defineAba( "celAbaEndereco" , "divEndereco"  );
			defineAba( "celAbaConta" , "divConta"  );
            defineAbaAtiva( "celAbaConsulta" );
        </script>
		
		</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

identifique as colunas na tabela por um ID e depois passe eles para calcular e atribua o subtotal no value de um outro campo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

willgner    0

willgner
Postado

Neste trecho do código recebo os dados que vem dos Inputs.

Estes inputs são os que recebem os valores.

var hiddens = '<input type="hidden" name="codigo[]" value="'+codigo+'" />'+			'<input type="hidden" name="descricao[]" value="'+descricao+'" />'+			'<input type="hidden" name="qtde[]" value="'+qtde+'" />'+			'<input type="hidden" name="unitario[]" value="'+unitario+'" />'+			'<input type="hidden" id="totaliza" name="total[]" value="'+total+'" />'+			'<input type="hidden" name="cupom[]" value="'+cupom+'" />'

Como Somar o valor do campo Total?

 

Seria assim:

function ValorTotal1(){
var v1 = parseFloat(document.getElementById('totaliza').value);
document.getElementById('subtotal').value = (v1+v1).toFixed(2);
}
Mas como pegar o id totaliza que esta nesta função da Grid para efetuar a soma?

 

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

		var codigo = $this.find("input[name='codigo']").val(),
		    descricao = $this.find("input[name='descricao']").val(),
			qtde = $this.find("input[name='qtde']").val(),
			unitario = $this.find("input[name='unitario']").val(),
			total = $this.find("input[name='total']").val(),
			cupom = $this.find("input[name='cupom']").val();

		var tr = '<tr>'+
			'<td>'+codigo+'</td>'+
			'<td>'+descricao+'</td>'+
			'<td>'+qtde+'</td>'+
			'<td>'+unitario+'</td>'+
			'<td>'+total+'</td>'+
			'<td>'+cupom+'</td>'+
			'</tr>'
		$('#grid').find('tbody').append( tr );

		var hiddens = '<input type="hidden" name="codigo[]" value="'+codigo+'" />'+
			'<input type="hidden" name="descricao[]" value="'+descricao+'" />'+
			'<input type="hidden" name="qtde[]" value="'+qtde+'" />'+
			'<input type="hidden" name="unitario[]" value="'+unitario+'" />'+
			'<input type="hidden" id="totaliza" name="total[]" value="'+total+'" />'+
			'<input type="hidden" name="cupom[]" value="'+cupom+'" />';

		$('#form_insert').find('fieldset').append( hiddens );

		return false;
	});
});

Se alguém puder me mostrar o caminhos da pedras não fazer.

Pois deste jeito que fiz não deu certo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

atribua ele a uma variavel

Compartilhar este post

Link para o post
Compartilhar em outros sites

willgner    0

willgner
Postado

Cara agora me perdi de uma tal maneira.

 

function ValorTotal1(){
var totaliza = '<input type="hidden" id="totaliza" name="total[]" value="'+total+'" />';
document.getElementById('subtotal').value = (totaliza+totaliza).toFixed(2);
}
Seria este o caminhos da Pedra?

Compartilhar este post

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

Informação importante

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

  Aceito