multiple selection shift+click from list
<p>How to implement multiple selection with jquery (jscript) using Shift + click in list:</p>

<pre><code>&lt;div class="custom-multi-select-option"&gt;
  &lt;span class="custom-multi-select-option-label"&gt;Tollet&lt;/span&gt;
&lt;/div&gt;
&lt;div class="custom-multi-select-option"&gt;
  &lt;span class="custom-multi-select-option-label"&gt;Present&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/C8aic.jpg" rel="nofollow noreferrer">List on form</a></p>

<p>Simple selection implement by adding 
<code>toggleClass( "custom-multi-select-option-selected" );</code>
I try this, but it not properly work:</p>

<pre><code>var _onClickOnCustomMultiSelect = function( e ){
    $( this ).toggleClass( "custom-multi-select-option-selected" );
    $( this ).find(".custom-multi-select-option-label").toggleClass( "custom-multi-select-option-selected" );
    if(e.shiftKey) {
        $('div.custom-multi-select-option-selected').nextUntil(this).toggleClass( "custom-multi-select-option-selected" );
    }
};
</code></pre>