JSFiddle - React, Tailwind, and code Playground

by slace

HTML

<form>
    <fieldset>
        <input id="personality" name="personality" type="checkbox" class="required" />
        <label for="personality">Required</label>
    </fieldset>
    <fieldset>
        <input type="checkbox" id="notReq" />
        <label for="notReq">Not required</label>
    </fieldset>
</form>

JavaScript

$('body').on('change', '.required', {requiredBlur: true}, function () { console.log('requiredBlur'); });

$('body').on('click', 'input[name="personality"]', {requiredBlur: true}, function () { console.log('personality clicked'); });