Entao, nao entendo muito de js, e meu problema é o seguinte: eu tenho uma lista de produtos no meu carrinho que mostra a quantidade, desconto, total unitario e subtotal. O js precisaria alterar o campo de quantidade e multiplicar pelo preço unitario, alterando automaticamente o subtotal. Da mesma forma que o campo desconto ao ser alterado ele deve acrescentar o desconto no preço do produto de acordo com sua quantidade e alterar tambem o subtotal. Eu nao consigo alterar o campo quantidade e desconto de formas independentes e dando resultado de no subtotal.
carrinho
<div class="div-venda3 carrinho">
<h1 class="page-header carrinho_interno"> Carrinho </h1>
<br />
<table class="table">
<thead>
<tr>
<th class="carrinhoth"><?= $this->Paginator->sort('ID'); ?></th>
<th class="carrinhoth"><?= $this->Paginator->sort('Nome'); ?></th>
<th class="carrinhoth"><?= $this->Paginator->sort('Quantidade'); ?></th>
<th class="carrinhoth"><?= $this->Paginator->sort('Desconto'); ?></th>
<th class="carrinhoth"><?= $this->Paginator->sort('Preço Uni.'); ?></th>
<th class="carrinhoth"><?= $this->Paginator->sort('Total'); ?></th>
</tr>
</thead>
<tbody>
<?php
if(isset($_SESSION['carrinho']))
{
$carrinho = $_SESSION['carrinho'];
for ($i=0; $i < count($carrinho) ; $i++) { ?>
<tr>
<td><?= $carrinho[$i]['id']; ?></td>
<input type="hidden" name="produto[]" value="<?= $carrinho[$i]['id']; ?>">
<td class="td-venda"><?= $carrinho[$i]['nome']; ?></td>
<input type="hidden" name="nome[]" value="<?= $carrinho[$i]['nome']; ?>">
<td><input style="width: 30%;" type="number" name="quantidade[]" class="quant" value="<?= $carrinho[$i]['quantidade']; ?>" min="1" max="<?= $carrinho[$i]['quantidade']; ?>"></td>
<td><input style="width: 30%;" type="number" name="desconto[]" class="desconto" value="">%</td>
<td>R$ <span class="preco_uni"><?= $carrinho[$i]['preco']; ?></span></td>
<input type="hidden" name="preco[]" value="<?= $carrinho[$i]['preco']; ?>">
<td>R$ <span class="total_unitario">00.00</span></td>
<input type="hidden" name="total[]" class="total_unitario">
<td><a href="?deletar=<?php echo $carrinho[$i]['id']; ?>"><button type="button" class="btn btn-danger">x</button></a></td>
</tr>
<?php
}
}?>
</tbody>
</table>
</form>
<?= $this->Form->end() ?>
</div>
js
$(".desconto").on("input", function(){
desconto = $(this).val();
$(".quant").each(function(){
quantidade = parseFloat($(this).val());
precounitario = parseFloat($(this).parent().parent().find(".preco_uni").text());
desconto = parseFloat($(this).parent().parent().find(".desconto").val());
totalProd = (quantidade * precounitario);
totalDesconto = (desconto * totalProd)/100;
totalVenda = parseFloat(totalDesconto) + parseFloat(totalProd);
$(this).parent().parent().find(".total_unitario").text((totalVenda).toFixed(2));
$(this).parent().parent().find(".total_unitario").val((totalVenda).toFixed(2));
});
$(".quant").change(function(){
quantidade = parseFloat($(this).val());
precounitario = parseFloat($(this).parent().parent().find(".preco_uni").text());
desconto = parseFloat($(this).parent().parent().find(".desconto").val());
totalProd = (quantidade * precounitario);
totalDesconto = (desconto * totalProd)/100;
totalVenda = parseFloat(totalDesconto) + parseFloat(totalProd);
$(this).parent().parent().find(".total_unitario").text((totalVenda).toFixed(2));
$(this).parent().parent().find(".total_unitario").val((totalVenda).toFixed(2));
});
});