JSFiddle - React, Tailwind, and code Playground

by davehol

JavaScript

(function() {
  document.addEventListener("DOMContentLoaded", function(event) {
    var checks = document.querySelectorAll(".calc-total");
    var checkboxes = document.getElementById("tfa_4");
    var max = 2;
    var checkedChecks;
    for (var i = 0; i < checks.length; i++)
      checks[i].onclick = selectiveCheck;

    function selectiveCheck(event) {
      checkedChecks = document.querySelectorAll(".calc-total:checked");
      if (checkedChecks.length >= max + 1)
        return false;
    }
    wFORMS.behaviors.validation.onFail = function() {
      var checkErr = document.getElementById("tfa_14-E");
      var checkErrParent = document.getElementById("tfa_4-D");
      checkErrParent.classList.add("errFld");
      if (checkErr) {
        checkboxes.parentNode.after(checkErr);
      }
    }
  });
})();