Toggler

Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop. This would be practical in addition to or instead of a "toggle all" check box.

You may leave comments on the related blog post.

Usage:

var toggle = new Toggler('elementId');
toggle.start(); // start the toggler (enabled by default)
toggle.stop(); // stop the toggler

The toggler will target any checkboxes within the element retrieved by the element id.

Download js-toggler.js

Demo:

Click and hold on a checkbox and then move your mouse over the other checkboxes.

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Label 7
Label 8
Label 9
Label 10