User:Xiplus/js/checkboxShiftClick.js
< User:Xiplus | js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
* @class jQuery.plugin.checkboxShiftClick
* Copied from https://phabricator.wikimedia.org/source/mediawiki/browse/master/resources/src/jquery/jquery.checkboxShiftClick.js;b3e490bba67117ceb86d6e18c15039d65701a832
*/
( function () {
/**
* Enable checkboxes to be checked or unchecked in a row by clicking one,
* holding shift and clicking another one.
*
* @return {jQuery}
* @chainable
*/
$.fn.checkboxShiftClick = function () {
var prevCheckbox = null,
$box = this;
// When our boxes are clicked..
$box.on( 'click', function ( e ) {
// And one has been clicked before...
if ( prevCheckbox !== null && e.shiftKey ) {
// Check or uncheck this one and all in-between checkboxes,
// except for disabled ones
$box
.slice(
Math.min( $box.index( prevCheckbox ), $box.index( e.target ) ),
Math.max( $box.index( prevCheckbox ), $box.index( e.target ) ) + 1
)
.filter( function () {
return !this.disabled;
} )
.prop( 'checked', !!e.target.checked );
}
// Either way, update the prevCheckbox variable to the one clicked now
prevCheckbox = e.target;
} );
return $box;
};
/**
* @class jQuery
* @mixins jQuery.plugin.checkboxShiftClick
*/
}() );