"Check" Multiple Checkboxes With Click & Drag?
<p>I have a table filled with checkboxes like so:</p>

<p><a href="https://i.stack.imgur.com/VVki4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VVki4.png" alt="enter image description here"></a></p>

<p>I'd like to be able to keep my mouse held down and drag to activate multiple checkboxes. I don't have the slightest clue where to start with this :/ I searched for an answer, but only found <a href="http://forums.mozillazine.org/viewtopic.php?f=8&amp;t=95294" rel="noreferrer">another thread</a> of someone asking how to do it, but with no answers. </p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;table&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="checkbox"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;!-- Repeat tr 2x --&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p><strong>jsFiddle:</strong>
<a href="https://jsfiddle.net/CSS_Apprentice/ge1zx2yg/" rel="noreferrer">https://jsfiddle.net/CSS_Apprentice/ge1zx2yg/</a></p>

<p>Also, I'd prefer to keep the <code>&lt;input type="checkbox"&gt;</code> model because reworking my system would be time consuming, but I'm open to other options if this isn't possible. Any help will be greatly appreciated!</p>