No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist/js
examples
LICENSE
README.md

README.md

jQuery InputCounter

A simple but powerful jQuery plugin for a input counter.

Informations

you can design the entire UI yourself (CSS and Icons) or use something like bootstrap.

Getting Started

see the examples in the examples-directory.

jQuery options

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 <input />-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
    },
};

default html template

<div class="input-counter input-group">
    <div class="input-group-prepend">
        <button type="button" class="btn-add btn btn-primary">
            <i class="fa fa-plus"></i>
        </button>
    </div>
    <input type="text" class="form-control counter" data-default="1" data-min="0" data-max="100">
    <div class="input-group-append">
        <button type="button" class="btn-subtract btn btn-primary">
            <i class="fa fa-minus"></i>
        </button>
    </div>
</div>