Checboxes toggle

by Venkatesh Dematti

HTML

<input type="checkbox" class="fund-calc-question"> One
<input type="checkbox" class="fund-calc-question"> Two
<input type="checkbox" class="none-checkbox-disability"> None of the above

JavaScript

document.addEventListener("DOMContentLoaded", () => {
  const optionCheckboxes = document.querySelectorAll(".fund-calc-question");
  const noneOfTheAbove = document.querySelector(".none-checkbox-disability");

  noneOfTheAbove.addEventListener("change", () => {
    if (noneOfTheAbove.checked) {
      optionCheckboxes.forEach(checkbox => checkbox.checked = false);
    }
  });

  optionCheckboxes.forEach(checkbox => {
    checkbox.addEventListener("change", () => {
      if (checkbox.checked) {
        noneOfTheAbove.checked = false;
      }
    });
  });
});