Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17672
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Calcular a porcentagem do valor digitado no input jQuery

03-02-2016 20:26

Nesse post vou mostrar um exemplo em jQuery de como adicionar uma porcentagem sobre o valor digitado pelo usuário em um input text.

Quando o usuário digitar um valor no input text automaticamente o valor será acrescentado uma porcentagem definida no próprio script.

Obs.: O valor que o usuário digitar deve estar em um formato específico. Por exemplo:

50.20
100.50
1000.50


O ideal é usar uma máscara em jQuery para formatar o valor no input enquanto o usuário digita o mesmo.
Você pode usar esse script para mascarar o input http://igorescobar.github.io/jQuery-Mask-Plugin/

<script src="jquery.js"></script> <script> $(document).ready(function() { function arredondar(valor,casas){ var novo = Math.round(valor*Math.pow(10,casas))/Math.pow(10,casas); return(novo); } $(".campo1").blur(function() { valor = $(this).val(); porcentagem = 10; // PORCENTAGEM A SER ADICIONADA total = (parseFloat(valor)+parseFloat((valor*porcentagem)/100)); $(".campo2").val(arredondar(total, 2)); }); }); </script> <input type="text" name="" class="campo1" value="" /> <br /> <input type="text" name="" class="campo2" value="" />

2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado