Botão Calcular

[Kaio Santos 1]

Fala galera.... :coolio: :coolio: :coolio: :coolio:

 

Alguém sabe como posso fazer um botão de calcular em minha pagina, para fazer um calculo dos valores que foram lançados na tabela, sem apagar nada ?

 

Os valores serão lançados na tabela, valor a vista e a prazo, e o botão calcular iria calcular os valores e mostrar em valor total a vista e a prazo !!

 

 

Vlw.. pela ajuda galera 1!!!!! :pinch: :pinch: :pinch:

[Kaio Santos 1]

Algueemmmmm ??????????????

 

 

Pleaseee.... :assobiando: :assobiando: :assobiando: :assobiando: :assobiando:

[dsmachado 14]

É só você configurar seus inputs assim:

 

<input type="text" name="valor1" value="<?php echo $_POST["valor1"]; ?>" />

Para o valor total, é só colocar assim:

 

<?php
$total_a_vista = $_POST["valor1"]+$_POST["valor2"]+$_POST["valor3"];
?>

<input type="text" name="valor_total_a_vista" value="<?php echo $total_a_vista; ?>" />

 

Simples :)

[Cesar Augusto Graeff 53]

os campos são adicionados dinamicamente, ou eles são listados com PHP??

 

a consulta será feita na hora que clicar no botão e sem recarregar a página??

[Kaio Santos 1]

os campos são adicionados dinamicamente, ou eles são listados com PHP??

 

a consulta será feita na hora que clicar no botão e sem recarregar a página??

Os campos são adicionados dinamicamente, as pessoas irão preencher, as vezes nem todos o campos, e a soma sera feita na hora que clicar no botao e sem recarregar a pagina !

[Cesar Augusto Graeff 53]

Posta a estrutura da tabela e o código que adiciona os campos

[Kaio Santos 1]

Estes são o input dos campos !

 

<td align="center"><input type="text" name="vlrvis<?php echo($x); ?>" size="8"/></td>

<td align="center"><input type="text" name="vlrprz<?php echo($z); ?>" size="8" /></td>

ai a pessoa preenche, com valores. e precisava calcular os valores, basicamente é vlrvis1 + vlrvis2, mais como fazer isso sem recarregar a pagina ?

[dsmachado 14]

Segue um código para exemplo do que você precisa, basta adaptar a seu código:

 

Valor 1: <input type="text" id="valor1" name="valor1" class="valor_a_vista" /><br />
Valor 2: <input type="text" id="valor2" name="valor2" class="valor_a_vista" /><br />
<input type="button" value="Somar" onclick="somar();" /><br /><br />
Total: <input type="text" id="total" />


<script>
function somar() {
	var inputs = $(".valor_a_vista").size();
	var total = 0;
	for(var i=1; i<=inputs; i++) {
		total+=parseFloat($("#valor"+i).val());
	}
	$("#total").val(total);
};

</script>

A lógica é: contar quantos inputs de determinada classe, pegar seus valores, e somar. Por isso ao adicionar inputs, coloque a mesma classe que eu coloquei.

 

Pode adicionar quantos inputs quiser dinamicamente que ele vai funcionar.

 

Ps. Inclua a biblioteca jQuery

[Kaio Santos 1]

Segue um código para exemplo do que você precisa, basta adaptar a seu código:

 

Valor 1: <input type="text" id="valor1" name="valor1" class="valor_a_vista" /><br />
Valor 2: <input type="text" id="valor2" name="valor2" class="valor_a_vista" /><br />
<input type="button" value="Somar" onclick="somar();" /><br /><br />
Total: <input type="text" id="total" />


<script>
function somar() {
	var inputs = $(".valor_a_vista").size();
	var total = 0;
	for(var i=1; i<=inputs; i++) {
		total+=parseFloat($("#valor"+i).val());
	}
	$("#total").val(total);
};

</script>

A lógica é: contar quantos inputs de determinada classe, pegar seus valores, e somar. Por isso ao adicionar inputs, coloque a mesma classe que eu coloquei.

 

Pode adicionar quantos inputs quiser dinamicamente que ele vai funcionar.

 

Ps. Inclua a biblioteca jQuery

Muito obrigado dsmachado, não testei ainda mais acredito que sejá isto mesmo !!

 

Vlw

[Kaio Santos 1]

DSMACHADO !

 

O que seria incluir a biblioteca jQuery ? não mexi com isso!

[dsmachado 14]

jQuery é uma biblioteca com funções javascript para facilitar a programação.

 

Coloque isso em seu código:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

[Kaio Santos 1]

 

jQuery é uma biblioteca com funções javascript para facilitar a programação.

 

Coloque isso em seu código:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

Ok, ai funcionou, isto se eu preencher todos os campos, e caso ocorra de eu não preencher algum campo ?

tem alguma coisa para que eu possa fazer ?

if(isset ??

 

algo assim ???

[dsmachado 14]

Ok, ai funcionou, isto se eu preencher todos os campos, e caso ocorra de eu não preencher algum campo ?

tem alguma coisa para que eu possa fazer ?

if(isset ??

 

algo assim ???

 

Só alterar o for para:

 

for(var i=1; i<=inputs; i++) {
     if($("#valor"+i).val() != "")
	total+=parseFloat($("#valor"+i).val());
}