Incrementar valor de un input con más y menos

En este artículo vamos a explicar como incrementar o decrementar el valor de un input con un script jQuery.

Lo primero que deberemos introducir en nuestra página son los scripts jQuery en el <head>. Se trata del script jQuery y del script para incrementar y decrementar el valor del input.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript" src="js/incrementing.js"></script>

Seguidamente en el <body> deberíamos tener algo como lo que sigue:

<div id="page-wrap">
    <form method="post" action="index.php">
        <div>
            <input type="text" name="quantity" id="quantity" value="0"/>
        </div>
        <input type="submit" value="Submit" id="submit" name="submit" />
    </form>
</div>

Ver el ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(2 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

2 respuestas a “Incrementar valor de un input con más y menos”

  1. effexor dice:

    Absolutely with you it agree. In it something is also to me this idea is pleasant, I completely with you agree.

  2. Mikel Grondahl dice:

    I really like your writing style, great info , thanks for putting up : D.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre