added solution for selecting multiple checkboxes

razvanh · razvanh · commit 708bfe22dfc8 · 2017-02-05T10:39:33.000-06:00
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
@@ -104,6 +104,30 @@
   </div>
 
 <script>
+const checkboxes = document.querySelectorAll('input[type="checkbox"]');
+
+let lastChecked;
+
+function handleCheck(e){
+  let inBetween = false;
+  //check if shift key pressed
+  //And check of they are checking the checkbox
+  if (e.shiftKey && this.checked) {
+    //loop over every checkbox
+
+    checkboxes.forEach(checkbox => {
+      if (checkbox === this || checkbox === lastChecked) {
+        inBetween = !inBetween;
+      }
+
+      if (inBetween) checkbox.checked = true;
+    });
+  }
+
+  lastChecked = this;
+}
+
+checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));
 </script>
 </body>
 </html>
