If at least one checkbox is checked, enable button

by Premchand R

HTML

<h1>Button should be enabled if at least one checkbox is checked</h1>

<form>
    <div>
        <input type="checkbox" name="option-1" id="option-1"> <label for="option-1">Option 1</label>
    </div>
    <div>
        <input type="checkbox" name="option-2" id="option-2"> <label for="option-2">Option 2</label>
    </div>
    <div>
        <input type="checkbox" name="option-3" id="option-3"> <label for="option-3">Option 3</label>
    </div>
    <div>
        <input type="checkbox" name="option-4" id="option-4"> <label for="option-4">Option 4</label>
    </div>
    <div>
        <input type="checkbox" name="option-5" id="option-5"> <label for="option-5">Option 5</label>
    </div>
    
    <div>
        <input type="submit" value="Do thing" disabled>
    </div>
</form>

JavaScript

filterInput.forEach((check) => {
      
              check.addEventListener('click', function (e) {
      
                if (e.target.checked) {
                  coreEvent919(e.target.id === 'filter1' ? '62KWH' : '40KWH');
                  filterInput.forEach(function(filter) {
                    if (filter.id === e.target.id) {
                      filter.checked = false;
                    } else {
                      filter.checked = true;
                    }
                  });
                } else if (!e.target.checked) {
                 
var isOnechecked = false;                 filterInput.forEach(function(filter) {
      if(filter.checked)  
      isOnechecked = true;
});
if(!isOnechecked)
	e.target.checked =  true;
                }
              });
      
              check.addEventListener('change', function(e) {
                if (e.target.checked) {
                  filterInput.forEach(function (check) {
                    classname=filterInput.id;
                    var active = document.getElementsByClassName(classname).classList.add('chartactive');

                  });
                } else if (!e.target.checked) {
                  filterInput.forEach(function (check) {
                    if (check.id === e.target.id) {
                      mainChart.classList.remove(check.id);
                    } else {
                      mainChart.classList.add(check.id);
                    }
                  });
                }
              });
            });