jQuery shiftcheckbox plugin

Presenting a jQuery plugin to select a range of consequetive checkboxes with just two clicks. The plugin is inspired from the GMail checkboxes functionality and works exactly the same. Just keep the 'Shift' key pressed and select a starting checkbox and the last checkbox that you want to select. Just try the demo if things are not yet clear

Click here for a demo.

Usage

Include the plugin file in your page after jQuery file, assign similar CSS class names to the checkboxes to group them and call the plugin as follows

CODE:
  1. $(document).ready (
  2.         function () {
  3.                $('.css-class-name').shiftcheckbox();
  4.         }
  5. );

You can have as many checkbox groups as you want on the same page as long as each group has a unique CSS class name attached to it.

Download here.


About this entry