Make checkbox for running analysis on loaded page exclusive

lv-csbg · May 9, 2021 · 42d5bb6 · 42d5bb6
1 parent 74732ce
commit 42d5bb6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -26,12 +26,12 @@
   <div id="messages" class="status-board"></div>
   <div id="control-board">
     <div>
-      <input type="checkbox" id="FBA-run-on-load" name="FBA-run-on-load" value="1" checked>
+      <input type="checkbox" id="FBA-run-on-load" name="FBA-run-on-load" onclick="clearOther(this)" value="1" checked>
       <label for="FBA-run-on-load">Run on loaded page</label><br>
       <button id="FBA-button" class="control-button">Run FBA</button>
     </div>
     <div>
-      <input type="checkbox" id="FVA-run-on-load" name="FVA-run-on-load" value="1">
+      <input type="checkbox" id="FVA-run-on-load" name="FVA-run-on-load" onclick="clearOther(this)" value="1">
       <label for="FVA-run-on-load">Run on loaded page</label><br>
       <button id="FVA-button" class="control-button">Run FVA</button>
     </div>

diff --git a/src/static/js/main.js b/src/static/js/main.js
@@ -561,3 +561,10 @@ function createFVALegend({
     svgStyle.node().innerHTML = legendCSS;
     return svg
 }
+
+function clearOther(x, selector="div#control-board input") {
+    if (x.checked === true) {
+        document.querySelectorAll(selector).forEach(a => a.checked = false);
+        x.checked = true;
+    }
+}