estou fazendo uma página de simulação de compras.
Já tenho o loop dos produtos em PHP, agora preciso fazer o cálculo de cada produto pela quantidade.
Aqui o HMTL:
<td width="140"><?= $produto_nome; ?></td>
<td width="160"><?= $produto_descricao; ?></td>
<td width="60"><?= $produto_tamanho; ?></td>
<td width="90">
<input type="number" id="qtd" name="qtd" min="1" max="99" onChange="MudaLabel('total', this.value)">
<a href="#">remover</a>
</td>
<td width="120"><span id="preco"><?= $produto_preco; ?></span></td>
<td width="90">
<label id="total"></label>
</td>
Aqui o jQuery:
function MudaLabel(LabelID, value){
var Preco = $('#preco').text();
var Total = value * Preco; //valor de exemplo
document.getElementById(LabelID).innerHTML = Total;
Agora pensem nisso como um looping. Como faço para cada tabela dessa ser cálculada individualmente.
Desse jeito que eu fiz, quando eu altero a quantidade de outros produtos muda apenas o valor do primeiro.