Shift.js

Use the shift key to select a range of elements, such as checkboxes and radio buttons.

 

Mimics Gmail's checkbox filter where you hold down the shift key to select ranges.

Getting Started

Simply add the data-shift-group attribute to each checkbox you wish to be part of the group – set the attribute to a unique group name for your checkbox collection.

Once you've setup your DOM, you simply need to instantiate Shift.js (new Shift();) on the DOMContentLoaded/$(document) event.