How to check that no checkbox is checked on the page?

Question

JavaScript

I have checkboxes in a form with the following structure:

<form>
  <label>
    <input type=checkbox value='1' />
  </label>
  <label>
    <input type=checkbox value='2' />
  </label>
  <button type='submit'>
</form>

When submitting, I check the data through new FormData(e.currentTarget)
But! How to make the submit button inactive if no checkbox is checked without submitting the form?

Answer 1

https://jsfiddle.net/ps6zt52a/

Answer 2

try using Redux-form.
Well, set the button to false, and hang an event handler on the checkboxes. If the checkbox is checked, the button becomes normal, otherwise vice versa