No código abaixo, as duas são 'alimentadas' por um select via JS, ou seja, escolho a opção no select e ele me preenche esses dois campos (numéricos, Float).
Tenho outro campo input que é 'alimentado' por outros inputs (soma de inputs, total do carrinho de compras).
O que quero fazer é o seguinte: quando mudar a input "total" ou quando mudar os "aaa" ou "bbb", via JS, acontecer uma operação tipo: "total" * "aaa" * "bbb" e preenche a input "ccc".
<input name="total" id="total" hidden/>
<select name="forma_pgto" id="forma_pgto">
<option value="1">A Vista</option>
<option value="2">Credito</option>
</select>
<span name="aaa" id="aaa" hidden>0</span>
<span name="bbb" id="bbb" hidden>0</span>
<input name="ccc" id="ccc" readonly/>
A seleção do select faz uma busca em tempo real no BD e retorna o valor das 2 taxas a "aaa" e a "bbb".
Eu tentei assim, mas não deu certo:
$(function(){
var taxa1 = Number(document.getElementById("aaa").value);
var taxa2 = Number(document.getElementById("bbb").value);
var total = Number(document.getElementById("total").value);
$("#forma_pgto").on("change", function(){ //usando o id do select
$("#ccc").val(taxa1.toFixed(2)*taxa2.toFixed(2)*total.toFixed(2));
});
});
EDIT - para exemplificar minha operação, eu fiz a tabela conforme: Marcar container do checklist e executar JS
E esse select forma_pgto, modificaria o valor total do carrinho (pois depende de taxas de cartão, então se for a vista a taxa é X, credito Y e assim por diante...) e jogaria o valor final no "ccc".