h

stopsopa · stopsopa · commit c9d696bb1d40 · 2026-05-09T16:50:02.000+01:00
diff --git a/pages/html/handleRadio.html b/pages/html/handleRadio.html
@@ -4,6 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>handleRadio Demo</title>
+    <style>
+      #status {
+        background-color: red;
+        color: white;
+        padding: 2px 5px;
+        border-radius: 3px;
+      }
+    </style>
   </head>
   <body>
     <h1>handleRadio Demo</h1>
@@ -76,14 +84,21 @@ <h3>Tool.list output:</h3>
         display.innerText = "dark (set via code)";
       });
 
+      const statusEl = document.getElementById("status");
+      const updateStatus = () => {
+        statusEl.innerText = tool.getStatus() ? "bound" : "unbound";
+      };
+
+      updateStatus();
+
       document.getElementById("btn-unbind").addEventListener("click", () => {
         tool.unbind();
-        alert("Unbound! Clicking radios won't update the display anymore.");
+        updateStatus();
       });
 
       document.getElementById("btn-bind").addEventListener("click", () => {
         tool.bind();
-        alert("Bound! Clicking radios will now update the display.");
+        updateStatus();
       });
     </script>
 
diff --git a/pages/html/handleRadio.js b/pages/html/handleRadio.js
@@ -31,6 +31,8 @@ export default function handleRadio(opt) {
     onChange = () => {};
   }
 
+  let isBound = false;
+
   if (!delegateParent) {
     delegateParent = document.body;
   }
@@ -75,16 +77,21 @@ export default function handleRadio(opt) {
 
   if (autoBind) {
     delegateParent.addEventListener("click", delegateFn);
+    isBound = true;
   }
 
   tool = {
     unbind: () => {
       delegateParent.removeEventListener("click", delegateFn);
+      isBound = false;
     },
     bind: () => {
-      delegateParent.removeEventListener("click", delegateFn); // Prevent duplicates
-
+      delegateParent.removeEventListener("click", delegateFn);
       delegateParent.addEventListener("click", delegateFn);
+      isBound = true;
+    },
+    getStatus: () => {
+      return isBound;
     },
     list: [...delegateParent.querySelectorAll(s)].reduce((acc, el) => {
       acc.push({
