Skip to main content
adicionou 9 caracteres ao conteúdo
Fonte Link
AmandaRJ
  • 393
  • 3
  • 20
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(ValorFinal1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        Total1TotalSobra = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotFRTotalSobra = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(ValorFinal1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        Total1 = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotFR = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(ValorFinal1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        TotalSobra = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotalSobra = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
Pergunta reaberta por Erlon Charles, Taisbevalle, Sergio javascript
removeu 45 caracteres do conteúdo
Fonte Link
Erlon Charles
  • 5,5mil
  • 11
  • 30
  • 48

Boa noite pessoal.

Montei os campos, mas o javascriptjavascript não consegui funcionar. Pode ser com JQuery?

Teriam alguma sugestãoJQuery?

Boa noite pessoal.

Montei os campos, mas o javascript não consegui funcionar. Pode ser com JQuery?

Teriam alguma sugestão?

Montei os campos, mas o javascript não consegui funcionar. Pode ser com JQuery?

adicionou 5 caracteres ao conteúdo
Fonte Link
AmandaRJ
  • 393
  • 3
  • 20
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1ValorFinal1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        Total1 = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotFR = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        Total1 = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotFR = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
$("#percentual1").change(function () {
                    var valor = $("#valor").val();                     
                    var resultado1 = valor * (parseInt($(this).val()) / 100);
                    var resultado1Arrendodado = parseFloat(resultado1.toFixed(2));
                    $("#valor1").val(resultado1Arrendodado);
                    var ValorFinal1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(ValorFinal1.toFixed(2));
                    var Valor2 = parseFloat(0.00);
                    var TotalSobra = Valor1Arrendodado + Valor2;
                    if (Number.isNaN(TotalSobra)) {
                        Total1 = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
                $("#percentual2").change(function () {
                    var valor = $("#valor").val();
                    var resultado2 = valor * (parseInt($(this).val()) / 100);
                    var resulado2Arrendodado = parseFloat(resultado2.toFixed(2));
                    $("#valor2").val(resulado2Arrendodado);
                    var Valor1 = parseFloat($('#valor1').val());
                    var Valor1Arrendodado = parseFloat(Valor1.toFixed(2));
                    var Valor2 = parseFloat($('#valor2').val());
                    var Valor2Arrendodado = parseFloat(Valor2.toFixed(2));
                    var TotalSobra = Valor1Arrendodado + Valor2Arrendodado;
                    if (Number.isNaN(TotalSobra)) {
                        TotFR = 0;
                        $('#valorSobra').val(TotalSobra);
                    } else {
                        $('#valorSobra').val(TotalSobra);
                    }
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                               
 <input type="text" class="form-control" name="valor" id="valor"  value="69.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual1">1ºPercentual (%)</label>                                
<input type="text" class="form-control " name="percentual1" id="percentual1" title="Informe o percentual" placeholder="0.00 %"  >
</div>
<div class="form-group col-md-4">
<label for="valor1">Valor 1</label>                                
<input type="text" class="form-control" name="valor1" id="valor1"  placeholder="0.00" readonly >
</div>                                    
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="valor">Valor (R$)</label>                                
<input type="text" class="form-control" name="valor" id="valor"  value="69.00" placeholder="0.00" readonly >
</div>
<div class="form-group col-md-4">
<label for="percentual2">2º Percentual (%)</label>                               
<input type="text" class="form-control" name="percentual2" id="percentual2" placeholder="0.00%"  >
 </div>
 <div class="form-group col-md-4">      
 <label for="valor2">Valor 2</label>                                
 <input type="text" class="form-control" name="valor2" id="valor2"  placeholder="0.00" readonly >
 </div>                                    
 </div>

 <div class="row">
 <div class="form-group col-md-4">
 <label for="valor">Valor (R$)</label>                                
 <input type="text" class="form-control" name=valor" id="valor"  value="69.00" placeholder="0.00" readonly >
                                    </div>

<div class="form-group col-md-4">
<label for="valorSobra">Valor Sobra</label>                                
<input type="text" class="form-control " name="valorSobra" id="valorSobra" >
 </div>                                    
 </div>
acrescimo do código
Fonte Link
AmandaRJ
  • 393
  • 3
  • 20
Carregando
adicionou 2825 caracteres ao conteúdo
Fonte Link
AmandaRJ
  • 393
  • 3
  • 20
Carregando
Pergunta fechada como "Duplicada" por Sergio javascript
Fonte Link
AmandaRJ
  • 393
  • 3
  • 20
Carregando