User:Xiplus/js/checkboxShiftClick.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
	 */

}() );