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

Form
File Size: 4.33 KB
Views Total: 1576 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
$ 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.

$("input[type='number']").inputSpinner();

Done

Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :

Mady

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.

Related jQuery Plugins

You Might Also Like