JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jzaefferer/jquery-validation/master/jquery.validate.js"></script>
<form action="" id="theForm">
    <fieldset>
    <input type="radio" name="sex" value="male" id="male" class="requiredCheckbox" /> <label for="male">Male</label><br />
    <input type="radio" name="sex" value="female" id="female" /> <label for="female">Female</label><br/>
    <input type="radio" name="sex" value="unknown" id="unknown" /> <label for="unknown">Unknown</label>
    </fieldset>
    
    <input type="button" id="validate" value="Validate" />
</form>

CSS

.error {
    color: Red;
}

JavaScript

$.validator.addMethod('requiredCheckbox', function (val, elt) {
    var valid = false;
    
    $('input[name=' + $(elt).attr('name') + ']:radio').each(function(inx, elt) {
        if (elt.checked === true) {
            valid = true;
            return;
        }
    });
    
    return valid;
}, 'Select at least one checkbox');

var options = {
    errorPlacement: function(error, elt) {
        $(elt).before(error);
    },
    errorElement: 'div'
};
var validator = $('#theForm').validate(options );

$('#validate').click(function() {
    $('#theForm').valid();
});