Tenho o seguinte formulário:
Meu objetivo é pegar o valor Total e ao selecionar o campo de juros ou de desconto, calcular com esse valor com o valor Total (caso haja juros ou desconto) e esse resultado, calcular com o valor de parcelas (caso seja selecionado) e o valor final aparecer nos campos do valor Final e o valor das parcelas já calculados no valor das parcelas.
Isso é possível fazer com jquery ou javascript?
O código segue abaixo:
<div class="form-group"><label>Valor Total: </label><input type="text" class="form-control" value="R$ <?php echo number_format($peTotalAberto->ValorTotal,2,",","."); ?>" readonly></div>
<div class="form-group">
<div class="col-md-12">
<input type="radio" name="JurosDesconto" onclick="desabilitarJurosDesconto(0)"> <label>Juros: <small>Cobrar após o vencimento</small></label>
<div class="input-group" style="width: 30%">
<input type="number" name="Juros" id="juros" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" disabled>
<span class="input-group-addon" id="basic-addon2">%</span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="radio" name="JurosDesconto" onclick="desabilitarJurosDesconto(1)"> <label>Desconto:</label>
<div class="input-group" style="width: 30%">
<input type="number" name="Desconto" id="desconto" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" disabled>
<span class="input-group-addon" id="basic-addon2">%</span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<input type="checkbox" name="QTDParcelas" id="qtdParcelas" onclick="desabilitarQtdParcelas()"> <label>Qtd. de parcelas:</label>
<div class="input-group" style="width: 30%">
<input type="number" name="QuantidadeParcelas" id="parcelas" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" disabled>
</div>
</div>
</div>
<div class="form-group" style="margin-top: 10px">
<label for="nomealuno" class="control-label">Valor Final: <span style="color: red">*</span></label>
<input type="text" name="ValorFinal" id="valorFinal" class="form-control" required="required">
</div>
<div class="form-group">
<label for="nomealuno" class="control-label">Valor das parcelas: <span style="color: red">*</span></label>
<input type="text" name="ValorParcelas" id="valorParcelas" class="form-control" required="required">
</div>