1

gostaria de saber se é possível executar um calculo em real time com jquery dentro de um foreach do php e como? esse é meu codigo:

<?php
            $Read = new Read;
            $Read->ExeRead("c100web", "WHERE codclient = :client", "client={$Clie}");
            if (!$Read->getResult()):
                VARErro("Não á registros na lista, cadastre os produtos!", INFOR);
            else:
                foreach ($Read->getResult() as $Pedidos):
                    extract($Pedidos);
                    $Style = "";
                    $ReadProd = new Read;
                    $ReadProd->ExeRead("c007prod", "WHERE codigo = :cod", "cod={$codpro}");
                    if ($ReadProd->getResult()):
                        $Nome = $ReadProd->getResult()[0]['descricao'];
                        $PrecoUni = $ReadProd->getResult()[0]['preco_venda'];
                    endif;
                    ?>
                    <tr> 
                        <td><?= $Nome; ?></td>
                        <td><input disabled=""  type="text" name="vlruni" id="vlruni" value="<?= $PrecoUni; ?>"/></td>
                        <td><input type="number"  name="qnt[]" id="qnt" value="<?= $qntpro; ?>"/></td>
                        <td><input disabled="" type="text" name="vlrtl" id="vlrtl"/></td>
                    </tr>
                    <tr><td colspan="4" style="padding: 4px; background-color: #ccc;"></td></tr>

                    <?php
                endforeach;
                ?>
                    <tr>
                     <td colspan="3">Valor total do pedido:</td>
                     <td><input disabled="" type="text" name="vlrlist" id="vlrlist"/></td>
                    </tr>
            <?php
            endif;
            ?>

é basicamente assim: vlruni * qnt = vlrtl e vlrtl + vlrtl + vlrtl.... = vlrlist, é possivel?... obrigado!

HTML:

<tr> 
                        <td>ACUCAR MASCAVO FAVINHO 500G</td>
                        <td><input disabled=""  type="text" name="vlruni" id="vlruni" value="4.6"/></td>
                        <td><input type="number"  name="qnt[]" id="qnt" value="12"/></td>
                        <td><input disabled="" type="text" name="vlrtl" id="vlrtl"/></td>
                    </tr>
                    <tr><td colspan="4" style="padding: 4px; background-color: #ccc;"></td></tr>

                                            <tr> 
                        <td>ACUCAR MASCAVO FAVINHO 1K</td>
                        <td><input disabled=""  type="text" name="vlruni" id="vlruni" value="7.7"/></td>
                        <td><input type="number"  name="qnt[]" id="qnt" value="10"/></td>
                        <td><input disabled="" type="text" name="vlrtl" id="vlrtl"/></td>
                    </tr>
                    <tr><td colspan="4" style="padding: 4px; background-color: #ccc;"></td></tr>

                                            <tr> 
                        <td>AMENDOIM AMENDUPÃ C/ CASCA 280G</td>
                        <td><input disabled=""  type="text" name="vlruni" id="vlruni" value="2.7"/></td>
                        <td><input type="number"  name="qnt[]" id="qnt" value="5"/></td>
                        <td><input disabled="" type="text" name="vlrtl" id="vlrtl"/></td>
                    </tr>
                    <tr><td colspan="4" style="padding: 4px; background-color: #ccc;"></td></tr>
5
  • O que você entende por cálculo em tempo real? Tem como descrever melhor?
    – Woss
    Commented 22/06/2017 às 19:39
  • eu digito uma nova quantidade no campo qnt e ao termina de digitar a multiplicação é realizada no exato momento mostrando no campo vlrtl, e á soma dos campos vlrtl é realizada mostrando no campo vlrlist, pode ser dando um enter ou não, se for possível sem o enter! Commented 22/06/2017 às 19:43
  • Acredito que a solução seja mais fácil apenas com JavaScript. Qual é o HTML gerado pelo PHP nesse código?
    – Woss
    Commented 22/06/2017 às 19:44
  • Jefferson, consegue exemplificar este código no jsfiddle apenas com o html gerado no PHP? Commented 22/06/2017 às 19:51
  • editei a pergunta inserindo o html! Commented 22/06/2017 às 19:54

1 Resposta 1

0

Nesse caso você tem que usar Javascript, caso use o Jquery:

Chama a função ao digitar, a classe você coloca no campo quantidade:

$( ".class_qtd" ).blur(function() {
 SomaTotalProduto();
});

Para funcionar essa função, no id dos inputs você deve colocar o id + 0 índice: Exemplo:

<tr class="linha_produto">
 <td><input type="text" class="class_qtd"id="campo_quantidade_produto1"></td>
 <td><input type="text" id="campo_valor_produto1"></td>
</tr>
<tr class="linha_produto">
 <td><input type="text"  class="class_qtd" id="campo_quantidade_produto2"></td>
 <td><input type="text" id="campo_valor_produto2"></td>
</tr>

function SomaTotalProduto(){   
var nlinha =  $(".linha_produto").length; // coloca essa classe no <tr>

for (var i = 1; i <= nlinha; i++) {    
 valor    = $('#campo_valor_produto' + i).val();    
 qtdeprod = $('#campo_quantidade_produto'+ i).val();

 // VALOR TOTAIS PRODUTO
 total = '0';
 total = (valor * qtdeprod);
 $('#campo_valor_total' + i).val('').val(total);
} 

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .