JSFiddle - React, Tailwind, and code Playground

HTML

Interests:
<ul id='CBL1' class='checkboxlist'>
    <li><input type='checkbox' name='interest' value='javascript'> JavaScript</li>
    <li><input type='checkbox' name='interest' value='jquery'> jQuery</li>
</ul>
Hobbies
<ul id='CBL2' class='checkboxlist'>
    <li><input type='checkbox' name='hobby' value='horseriding'> Horseback riding</li>
    <li><input type='checkbox' name='hobby' value='lawnbowling'> Lawn bowling</li>
</ul>

<button onclick='validateCBLs();'>Go!</button>

JavaScript

function validateCBLs() {
    var valid = true;
    $('[id^="CBL"]').each(function(i, v) {
        valid = valid && ($(this).find(':checkbox:checked').size() >= 1);
    });
    alert(valid);
}