JSFiddle - React, Tailwind, and code Playground

by fiddleyetu

HTML

<form>
    <div class="agefield">
        <label><input type="checkbox" name="agecb1" class="agecb"><span>Puppy</span></label>
        </div>
        <div class="agefield">
            <label><input type="checkbox" name="agecb2" class="agecb"><span>Adult</span></label>
            </div>
        </form>
        <br/><br/>
        <form>
    <div class="agefield">
        <label><input type="checkbox" name="agecb1" class="agecb"><span>Puppy</span></label>
        </div>
        <div class="agefield">
            <label><input type="checkbox" name="agecb2" class="agecb"><span>Adult</span></label>
            </div>
        </form>

JavaScript

$(function() {
    $('.agecb').on('change', function() {
        this.checked = true;
        $(this).closest('form').find('.agecb').not(this).prop('checked', false);
    });
});