1. Luciano Longo
  2. Numeric Stepper

Overview

HTTPS SSH

Numeric Stepper Plug-in for jQuery

Simple and highly customizable jQuery plug-in Turns a text input into a numeric stepper.

Read the full docs here

Usage

Include the css and js file in your site and call .stepper() on the input(s) you want the numeric stepper to be rendered.

<link rel="stylesheet" href="stepper/jquery.stepper.css"/>
<script type="text/javascript" src="stepper/jquery.stepper.js"></script>

Default Settings

$('.numeric').stepper();

Custom settings

$('.numeric').stepper({
    type: 'float'       // Allow floating point numbers
    wheel_step:1,       // Wheel increment is 1
    arrow_step: 0.5,    // Up/Down arrows increment is 0.5
    limit: [0,],         // No negative values
    onStep: function( val, up )
    {
        // do something here...
    }
});