function to allow people to click item name instead of just the check…

…box > relates #52
fac-14 · Sep 21, 2018 · 0356085 · 0356085
1 parent 00f88dd
commit 0356085
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/public/js/force-checked.js → public/js/checkbox-improvements.js b/public/js/force-checked.js → public/js/checkbox-improvements.js
@@ -17,4 +17,10 @@ function forceChecked(e){
         e.preventDefault();
         window.alert("Please select at least one item to receive your results")
     }
-}
+}
+
+// Allow people to click on the label name to check or uncheck the checkbox
+document.querySelector(".govuk-checkboxes").addEventListener("click", function(e) {
+    if(e.target.nodeName === "LABEL"){
+	e.target.previousSibling.previousSibling.click()}
+})
diff --git a/src/views/background.hbs b/src/views/background.hbs
@@ -91,4 +91,4 @@
 </section>
 
 <script src='js/checkboxlocalstoragebackground.js'></script>
-<script src='js/force-checked.js'></script>
+<script src='js/checkbox-improvements.js'></script>
diff --git a/src/views/resources.hbs b/src/views/resources.hbs
@@ -49,4 +49,4 @@
 </section>
 
 <script src='js/checkboxlocalstorageresources.js'></script>
-<script src='js/force-checked.js'></script>
+<script src='js/checkbox-improvements.js'></script>