JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<div class="controls">
    Classroom: 
    <select id="classroom">
        <option value="">Select...</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
</div>
<div class="controls">
    Building: 
    <select id="building">
        <option value="">Select...</option>
        <option value="A">A</option>
        <option value="B">B</option>
    </select>
</div>
<div class="controls">
    Experience: <input type="checkbox" id="experience" value="1" disabled />
</div>

JavaScript

$(document).ready(function() {
    $("#building,#classroom").change(function() {
        if ($("#classroom").val() != "" && $("#building").val() != "") {
            $("#experience").removeAttr("disabled");
        } else {
            $("#experience").attr("disabled", "disabled");
        }
    }).eq(0).change();
});