JSFiddle - React, Tailwind, and code Playground

by PeeHaa

HTML

<div class="menu">
   <input type="checkbox" value="1" class="chk-act">
   <input type="checkbox" value="2" class="chk-act">
   <input type="checkbox" value="3" class="chk-act">
</div>


<div class="menu">
   <input type="checkbox" value="4" class="chk-act">
   <input type="checkbox" value="5" class="chk-act">
   <input type="checkbox" value="6" class="chk-act">
   <input type="checkbox" value="7" class="chk-act">
</div>



<div class="menu">
   <input type="checkbox" value="8" class="chk-act">
   <input type="checkbox" value="9" class="chk-act">
</div>

<a href="#">TEST</a>

JavaScript

(function($) {
    $('a').click(function() {
        if (!$('div.menu > input:not(:checked)').length) {
            $('body').append('all checkboxes are checked');
        }
        
        return false;
    });
})(jQuery);