diff --git a/app/webpacker/controllers/checked_controller.js b/app/webpacker/controllers/checked_controller.js
index fc7ac72b18..cc0c8392bd 100644
--- a/app/webpacker/controllers/checked_controller.js
+++ b/app/webpacker/controllers/checked_controller.js
@@ -6,12 +6,14 @@ export default class extends Controller {
 
   connect() {
     this.toggleCheckbox();
+  }
 
-    this.allTarget.addEventListener("change", this.toggleAll.bind(this));
+  allTargetConnected(allTarget) {
+    allTarget.addEventListener("change", this.toggleAll.bind(this));
+  }
 
-    this.checkboxTargets.forEach((checkbox) => {
-      checkbox.addEventListener("change", this.toggleCheckbox.bind(this));
-    });
+  checkboxTargetConnected(checkboxTarget) {
+    checkboxTarget.addEventListener("change", this.toggleCheckbox.bind(this));
   }
 
   toggleAll() {