feat: checkall checkbox in home page

1 files changed, 28 insertions, 0 deletions

diff --git a/src/home.js b/src/home.js
new file mode 100644
index 0000000..b10e7c3
--- /dev/null
+++ b/src/home.js
@@ -0,0 +1,28 @@
+/** @type {HTMLInputElement[]} */
+let checkboxes = [];
+
+window.addEventListener('load', () => {
+    checkboxes = document.getElementsByName('id[]');
+    let checkall = document.getElementById('checkall');
+    let checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.addEventListener('input', checkallHandler);
+    checkall.innerHTML = '';
+    checkall.appendChild(checkbox);
+});
+
+/**
+ * Manage input event on the checkall checkbox.
+ * @param {InputEvent} e the input event
+ */
+function checkallHandler(e) {
+    if (e.target.checked) {
+        for (const checkbox of checkboxes) {
+            checkbox.checked = true;
+        }
+    } else {
+        for (const checkbox of checkboxes) {
+            checkbox.checked = false;
+        }
+    }
+}