diff --git a/public/js/force-checked.js b/public/js/force-checked.js
new file mode 100644
index 0000000..d6bf275
--- /dev/null
+++ b/public/js/force-checked.js
@@ -0,0 +1,20 @@
+// Script to make it compulsory to have at least one item ticked
+
+document.getElementById("submit-form").addEventListener("submit", forceChecked);
+
+function forceChecked(e){
+    var resourceOrSession = "";
+
+    if(document.getElementById("title-heading").textContent == "Background") {
+        resourceOrSession = "background"
+    } else {
+        resourceOrSession = "resource"
+    }
+
+    if (Object.keys(sessionStorage).toString().includes(resourceOrSession)){
+        return true;
+    } else {
+        e.preventDefault();
+        window.alert("Please select at least one item to receive your results")
+    }
+}
\ No newline at end of file
diff --git a/src/views/background.hbs b/src/views/background.hbs
index d945d1d..cd0c06b 100644
--- a/src/views/background.hbs
+++ b/src/views/background.hbs
@@ -84,10 +84,11 @@
 </section>
 <section class='grid-row'>
   <div id='bottom-section' class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1 bottom-padding-lft'>
-    <form action='/resources' class='centered-content'>
+    <form action='/resources' class='centered-content' id="submit-form">
       <button class="govuk-button">Get resources</button>
     </form>
   </div>
 </section>
 
-<script src='js/checkboxlocalstoragebackground.js'></script>
\ No newline at end of file
+<script src='js/checkboxlocalstoragebackground.js'></script>
+<script src='js/force-checked.js'></script>
\ No newline at end of file
diff --git a/src/views/partials/heading.hbs b/src/views/partials/heading.hbs
index 8facd51..02afbdd 100644
--- a/src/views/partials/heading.hbs
+++ b/src/views/partials/heading.hbs
@@ -1,5 +1,5 @@
 <nav class='grid-row'>
     <div class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1 padding-lft'>
-      <h1>{{title}}</h1>
+      <h1 id="title-heading">{{title}}</h1>
     </div>
 </nav>
\ No newline at end of file
diff --git a/src/views/resources.hbs b/src/views/resources.hbs
index 1b59caf..c4c6d9d 100644
--- a/src/views/resources.hbs
+++ b/src/views/resources.hbs
@@ -42,10 +42,11 @@
 </section>
 <section class='grid-row'>
   <div id='bottom-section' class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1 bottom-padding-lft'>
-    <form action='/more-info' class='centered-content'>
-      <button class="govuk-button">Next!</button>
+    <form action='/more-info' class='centered-content' id="submit-form">
+      <button class="govuk-button" >Next!</button>
     </form>
   </div>
 </section>
 
-<script src='js/checkboxlocalstorageresources.js'></script>
\ No newline at end of file
+<script src='js/checkboxlocalstorageresources.js'></script>
+<script src='js/force-checked.js'></script>
\ No newline at end of file