Minimal Number Picker Plugin For jQuery - Wan Spinner

File Size: 4.32 KB
Views Total: 9238
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal Number Picker Plugin For jQuery - Wan Spinner

Wan Spinner is a simple, lightweight jQuery plugin for converts a text field into an input spinner for picking number by using plus / minus buttons.

How to use it:

1. Download the wan spinner plugin and include the wan-spinner.js script after jQuery library but before the closing body tag.

<script src="//"></script>
<script src="/path/to/wan-spinner.js"></script>

2. Create a text field with plus / minus buttons on your webpage.

<div class="wan-spinner demo">
  <a href="javascript:void(0)" class="minus">-</a>
  <input type="text" value="1">
  <a href="javascript:void(0)" class="plus">+</a>

3. Call the function to initialize the input spinner.


4. Customization options and callback events available.

// maximum value 
maxValue: 999,

// minimum value
minValue: -999,

// custom step
step: 1,

// starting value
start: 1,

// width of the text input
inputWidth: 40,

// callbakcs
plusClick: function(element, val) {
  return true;

minusClick: function(element, val) {
  return true;

exceptionFun: function(exp) {
  return true;

valueChanged: function(element, val) {
  return true;

Change log:


This awesome jQuery plugin is developed by feichao. For more Advanced Usages, please check the demo page or visit the official website.