darkwing / Quickboxes

Quickboxes is a MooTools-based class that allows users to click down on a checkbox and drag their mouse over other checkboxes to check or uncheck numerous checkboxes within one click.

This URL has Read+Write access

darkwing (author)
Sun Nov 29 12:44:52 -0800 2009
commit  e40edd1d83bdd221eb0f85e41ca7cba7f850a29d
tree    577b24f56ac8226fcf07972ffccf25f3725e7fbe
parent  d90700d9debbbea9f018c14f5c7dc7e095b1b512
name age message
directory Docs/ Wed Sep 02 18:13:11 -0700 2009 Added files [darkwing]
file README.md Wed Sep 02 18:13:11 -0700 2009 Added files [darkwing]
directory Source/ Sun Nov 29 12:44:52 -0800 2009 Upgrading to 1.1 [darkwing]
file package.yml Sun Nov 29 12:44:52 -0800 2009 Upgrading to 1.1 [darkwing]
README.md

Quickboxes

Quickboxes is a MooTools-based class that allows users to click down on a checkbox and drag their mouse over other checkboxes to check or uncheck numerous checkboxes within one click.

Screenshot

How to Use

Quickboxes can be initialized at any time but is generally initialized at the top of the document during the page's normal load. There are no required arguments -- only options.

HTML

<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked1" /> <label for="unchecked1">Item 1</label><br />
<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked2" /> <label for="unchecked2">Item 2</label><br />
<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked3" /> <label for="unchecked3">Item 3</label><br />
<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked4" /> <label for="unchecked4">Item 4</label><br />
<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked5" /> <label for="unchecked5">Item 5</label><br />
<input type="checkbox" name="checkboxes[]" class="unchecked" checked="checked" id="unchecked6" /> <label for="unchecked6">Item 6</label><br />

Javascript

var unchecked = new dwCheckboxes({ 
    elements: $$('.unchecked'), 
    mode: 'uncheck' 
});

For specific usage and options, please read the documentation or visit http://davidwalsh.name/js/quickboxes