From 1fcffe80349a98378262c8a16f7b50ff34c3fe82 Mon Sep 17 00:00:00 2001
From: Calixte Denizet <calixte.denizet@gmail.com>
Date: Tue, 8 Dec 2020 15:50:16 +0100
Subject: [PATCH] Checkboxes with the same name must behave like a radio
 buttons group  * aims to fix issue #12706

---
 src/display/annotation_layer.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/display/annotation_layer.js b/src/display/annotation_layer.js
index cb1b42800bfe6..e3afd589f2a49 100644
--- a/src/display/annotation_layer.js
+++ b/src/display/annotation_layer.js
@@ -717,6 +717,16 @@ class CheckboxWidgetAnnotationElement extends WidgetAnnotationElement {
     }
 
     element.addEventListener("change", function (event) {
+      const name = event.target.name;
+      for (const checkbox of document.getElementsByName(name)) {
+        if (checkbox !== event.target) {
+          checkbox.checked = false;
+          storage.setValue(
+            checkbox.parentNode.getAttribute("data-annotation-id"),
+            { value: false }
+          );
+        }
+      }
       storage.setValue(id, { value: event.target.checked });
     });