Input Spinner jQuery Plugin For Bootstrap 4/5 – InputSpinner.js

File Size: 4.33 KB
Views Total: 1112 views
Last Update:January 01, 1970
Publish Date: January 01, 1970
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A Free jQuery Plugin With Input Spinner jQuery Plugin For Bootstrap 4/5 – InputSpinner.js to create input spinner elements for number input. Easy to customizable input spinner plugin enables the users to increment/decrement a number by using +/- buttons. user can click button on desktop & mobile for touch & hold enable.  

How to use:

NPM Installation:

$ npm install bootstrap-input-spinner --save

Add the jQuery library and Bootstrap 4/5 framework in the html document.

<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>

Add the JavaScript file input-spinner.js after jQuery.

<script src="bootstrap-input-spinner.js"></script>

Create a normal input number such as valueminmax and step. for the input spinner.

<input type="number" value="5" min="0" max="100" step="1">

Initialize the input spinner by calling the function on the number input.



List Of Version :


Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.