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


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


Custom settings

    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...