inputs duplicando no formulario
Pessoal to mexendo nesse codigo pra simular parcelas de um valor mais quando a pessoa coloca exemplo: 10 x, ele mostra 10 resultados, eu queria que ele mostrasse apenas um resultado
Exmplo como está:
Total R$ 1.000,00
Condição de pagamento: Parcelado
Parcelar em 5
Resultado: 200.00 200.00 200.00 200.00 200.00
Eu queria que ficasse assim:
Total R$ 1.000,00
Condição de pagamento: Parcelado
Parcelar em 5
Resultado: 200.00
segue o codigo
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<Script>
//Funcao para atualizar as parcelas e seus valores
function atualizaValores(){
// pegando a quantidade de parcelas
var valor=$("#n-parcelas").val();
//variavel que recebe os inputs(HTML)
var geraInputs="";
//Calculando o valor de cada parcela
var valorParcela=parseFloat($(".total").val()/valor).toFixed(2);
//gerando os inputs com os valores de cada parcela
for(var i=0; i<valor;i++){
geraInputs+="<td> <input width='100' type='text' name='parcela[]' value='"+valorParcela+"'> </td>";
}
// inserindo as parcelas
$("#parcelas").html(geraInputs);
}
$(document).ready(function(e) {
$(".total").on('change keyup keydown keypress',function(){
// ao alterar o valor total, chama a funcao para alterar as parcelas
atualizaValores();
});
$('#condicao-pag').on('change', 'select', function() {
// ao alterar a condicao de pagamento,chama a funcao para alterar as parcelas
atualizaValores();
if($(this).val() == 1){
$('#parcelamento').show();
/*Calcular valor das parcelas (2x, 3x, 4x) e preencher inputs*/
$('#parcelas').show();
}
else{
$('#parcelamento').hide();
$('#parcelas').hide();
$("input[name='parcela[]']").val('');
}
})
$('#n-parcelas').on('change', function() {
/*Calcular valor das parcelas (2x, 3x, 4x) e preencher inputs*/
//Ao alterar a quantidade e parcelas chama a funcao para alterar as parcelas
atualizaValores();
});
});
</SCRIPT>
<table width="400">
<tbody>
<tr>
<td width="200"><label>Total R$</label></td>
<td width="100"><input type="text" min="0" class="total" value="1000" /></td>
</tr>
<tr name="condicao-pag" id="condicao-pag">
<td width="200"><label>Condição de pagamento:</label></td>
<td width="100">
<select>
<option value=0>Simular</option>
<option value=1>Quantidade de Parcelas</option>
</select>
</td>
</tr>
<tr id="parcelamento" style="display:none">
<td width="200">Parcelar em</td>
<td><input id="n-parcelas" type="text" min="0" class="total" value="" />
</td>
</tr>
<tr >
<td width="200"> </td>
<td width="100" id="parcelas" style="display:none"></td>
</tr>
</tbody>
</table>
</body>Discussão (0)
Carregando comentários...