JSFiddle - React, Tailwind, and code Playground

by Андрей Хамедов

HTML

<input type="checkbox" class="checkbox">

<button id="form-submit" disabled>SUBMIT</button>

JavaScript

var CHECKBOX_SELECTOR = '.checkbox';
    var SUBMIT_BUTTON_SELECTOR = '#form-submit';
    var checkBoxes = document.querySelectorAll(CHECKBOX_SELECTOR);
    checkBoxes.forEach(function(checkBox) {
        checkBox.addEventListener('click', checkFilledCheckBoxes)
    });

    function checkFilledCheckBoxes() {
        var isSelected = !!Array.prototype.filter.call(checkBoxes, function(checkbox) {
            return checkbox.checked;
        }).length;
        document.querySelector(SUBMIT_BUTTON_SELECTOR).disabled = !isSelected;
    }