JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    The if statement doesn't trigger when checking checkbox A. B just stays disabled.
</p>
<p>
    <input id="A" type="checkbox" />A
</p>

<p>
    <input id="B" type="checkbox" />B
</p>

JavaScript

$('#A').change(function () {
    if ($(this).attr("checked")) {
        $('#B').attr('disabled', false)
    } else {
        $('#B')
            .attr('disabled', true)
            .attr('checked', false);
    }
}).change();