Estou com problemas para atualizar o campo de valor líquido da minha página. Tenho os seguintes campos no meu HTML:
<input type="number" id="total" value="<?=$faturamento['valor_total'];?>" readonly name="valor" class="form-control">
<input type="number" class="form-control" id="frete" onchange="atualizaTotalLiquido()">
<input type="number" class="form-control" id="desconto" onchange="atualizaTotalLiquido()">
<input type="text" class="form-control" id="valor_liquido" value="<?=$faturamento['valor_total'];?>">
E esse é meu jquery;
function atualizaTotalLiquido(){
var frete = $("#frete").val();
var desconto = $("#desconto").val();
var total = $("#total").val();
var valor_liquido = $("#valor_liquido");
var total_liquido = total+frete-desconto;
valor_liquido.text(total_liquido);
}
Mas o campo de total liquido não muda.
Solução:
$(document).ready(function () {
$('#frete').change(function(){
atualizaTotalLiquido();
});
$('#desconto').change(function(){
atualizaTotalLiquido();
});
function atualizaTotalLiquido(){
var valor_liquido = 0;
//var total_liquido = total+frete-desconto;
valor_liquido = Number($("#total").val()) + Number($("#frete").val()) - Number($("#desconto").val());
$('#valor_liquido').val(valor_liquido).toFixed(2);
}
});
.text
por.val
.