Estou montando uma calculadora de adicionais para um produto, porém os adicionais são calculados em porcentagem. Por exemplo:
Se o produto for R$ 50,00 e estiver marcado o checkbox que adiciona 40%, deve alterar a div preço para R$ 70,00.
Se caso estiver marcado os dois primeiros checkbox (40% e 15%), o valor esperado é R$ 127,50. A porcentagem deve ter como base o preço original (no caso de dois ou mais adicionais marcados).
<input class="form-check-input" type="checkbox" value="40" id="adicional1">
<label class="form-check-label" for="defaultCheck1">
Adicional 1 - <strong>+40%</strong>
</label>
<input class="form-check-input" type="checkbox" value="15" id="adicional2">
<label class="form-check-label" for="defaultCheck1">
Adicional 2 - <strong>+15%</strong>
</label>
<input class="form-check-input" type="checkbox" value="30" id="adicional3">
<label class="form-check-label" for="defaultCheck1">
Adicional 3 - <strong>+30%</strong>
</label>
<div id="price">R$ 50,00</div>
O código que tentei adaptar e não funcionou, pois ele soma os valores e não a porcentagem.
$(document).ready(function(){
$('.form-check-input').click(function (){
var total = 0;
$('.form-check-input:ckecked').each(function(){
total += parseInt($(this).val());
var formatado = total.toLocaleString("pt-BR", { style: "currency" , currency:"BRL"});
});
$('#price').html(formatado);
});
});
Como transformar esse código para que some porcentagem?
valor * (porcentagem / 100)
que neste caso50 * (40 / 100) = 20