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


Moderador: web

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

Incrementar e decrementar valores com jQuery

24-06-2014 22:04

Esse script serve para incrementar e decrementar valores em jQuery. Sendo que além de incrementar e decrementar valores, serve também para textos pré-definidos em um array.

<script src="jquery.js"></script> <script> $(document).ready(function() {   // VALORES var valores = ['banana','pera','maçã','limão','laranja'];   // COMEÇANDO O INPUT COM O PRIMEIRO VALOR $('#letra').val(valores[0]);   // INCREMENTAR $('#mais').click(function() { valor = parseInt($('#alvo').val())+1; if(valor != 0) { $('#menos').removeAttr('disabled'); } if(valor == valores.length-1) { $('#mais').attr('disabled','disabled'); } if(valor < valores.length) { $('#alvo').val(valor); $('#letra').val(valores[valor]); } });   // DECREMENTAR $('#menos').click(function() { valor = parseInt($('#alvo').val())-1; if(valor == 0) { $('#menos').attr('disabled','disabled'); } if(valor < valores.length) { $('#mais').removeAttr('disabled'); } if(valor > -1) { $('#alvo').val(valor); $('#letra').val(valores[valor]); } });   }); </script>


<input type="hidden" id="alvo" name="" value="0"> <input type="text" id="letra" name="" value=""> <input type="button" value="-" id="menos" disabled="disabled"> <input type="button" value="+" id="mais">

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Bing [Bot]