jQuery Plugin For Input Counter – jquery.input-counter.js

by

InputCounter is a simple but powerful jQuery plugin for a input counter. It is lightweight Bootstrap compatible jQuery input spinner plugin to increments and decrements numeric values with plus/minus buttons.
input-spinner


Libraries

Load the following jQuery and Plugins library on page.

HTML

The vary basic HTML to display input spinner.



JS

Call the plugin’s function to enable the input spinner.

$(".input-counter").inputCounter();

Use following option to customize input spinner.

var options = {
    selectors: {
        addButtonSelector: '.btn-add',              // the selector for the add button
        subtractButtonSelector: '.btn-subtract',    // the selector for the subtract button
        inputSelector: '.counter',                  // the selector for the -field
    },
    settings: {
        checkValue: true,                           // if true, verifies that the new value is within the min and max values
        isReadOnly: true,                           //^if true, set the input-field as readonly
    },
};

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by lk-code. Visit their official github repository for more information and follow for future updates.


Published by Rohit