Cálculo usando JQuery

[Rafael Aurélio 2]

Bom dia.

 

Estou fazendo um cadastro de pedidos no qual está quase pronto, faltando apenas um detalhe: preciso realizar um cálculo, do preço unitário do produto que já está cadastrado com a quantidade que será determinado por quem está fazendo o pedido e assim resultar em um valor total. Isso deve ser feito sem precisar clicar em nenhum botão "calcular" ou algo parecido, apenas com a digitação da quantidade no seu input, pegar os dois valores e joga o resultado do cálculo em um input text logo ao lado.

 

Grato.

 

[shini 318]

se precisa consulta o preço unitario use ajax.

 

[ironia]

Se tudo ja estiver certo procure por um plugin do jquery que faça essa multiplicação.

[/ironia]

[Marcelo SUD 0]

Mais simples:

Digamos que você tenha um input hidden com o valor unitário:

 

<select name="quantidade" id="quantidade">

<option value="1" selected>1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

</select>

<input type="hidden" name="valor_unitario" id="valor_unitario" value="50.00" />

 

<div>

Valor total: <span id="valor_total"></span>

</div>

 

<script type="text/javascript">

function atualizarValorTotal() {

$(document).ready(function(){

var quantidade = $("#quantidade").val();

var valor_unitario = $("#valor_unitario").val();

var valor_total = valor_unitario * quantidade;

 

$("#valor_total").text("R$ " + valor_total);

});

}

 

$(document).ready(function(){

$("#quantidade").change(function(){

atualizarValorTotal();

});

});

 

atualizarValorTotal();

</script>

 

Aqui tem um exemplo funcional com alguns requintes usando o plugin Accounting para formatar o valor em reais: http://jsfiddle.net/mWsdX/ (Clique em Run)

 

Para baixar o plugin (se quiser): http://josscrowcroft.github.io/accounting.js/#download

[Rafael Aurélio 2]

Valeu pela resposta Marcelo, eu entendi a tua linha de pensamento, mas acho que não vai me ajudar 100%..

 

Vou postar a parte do código onde estou precisando fazer essa função, pra ficar mais claro

 

<?php
                            if ($rsPJ != null){
                                $count = 0;
                                while($row = mysql_fetch_array($rsPJ, MYSQL_ASSOC)){
                        ?>
                        
                            <tr>
                            <td width="5%"><input class="checkbox" type="checkbox" value="<?php echo $row['pro_codigo']; ?>" id="chCodigo<?php echo $count; ?>" name="chCodigo<?php echo $count; ?>" /></td>
                    
                            <td width="25%"><?php echo $row['pro_nome']; ?></a></td>
                            
                            <td width="20%">
                            
                            	<div id="imagens_upadas">
                                
                                <?php 
                                	$foto = $dao2->getFoto($row['pro_codigo']);
                                ?>
                                	<img src="../imagens_produto/p/<?php echo $foto; ?>">
                                
                                </div>
                                
                            </td>
                            
                            <td width="15%">R$ <?php echo $row['pro_preco']; ?></a></td>
                            <td width="10%"><input type="text" id="Equantidade<?php echo $count; ?>" name="Equantidade<?php echo $count; ?>" /></td>
                            <td width="15%"><input type="text" id="Esoma" name="Esoma" /></td></td>
                            </tr>
                            
                        <?php
                                $count++;
                                }
                            }
                        ?>
                      
                        <input type="hidden" id="EqtdChCodigo" name="EqtdChCodigo" value="<?php echo $count; ?>" />

 

Dentro de uma tabela, eu tenho a listagem dos produtos, que podem ser marcados por checkboxes.. o valor unitário vem com o código do produto e a quantidade é digitada pelo usuário na hora de efetuar o pedido.. montei um input text setando como total para ali mostrar o resultado do calculo.

 

Pelo que vi na net, dá pra usar unBlur como possibilidade de implementação do que eu preciso.

[shini 318]

Pelo que vi na net, dá pra usar unBlur como possibilidade de implementação do que eu preciso.

 

Uma sugestão troque o onblur por um spinbutton(aquele botão q tem 2 setas)

 

http://www.olamundo.blog.br/blog/?p=343