JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="vehicle" id='cb1' value="Bike" onclick='updateState()'>I have a bike
<br>
<input type="checkbox" name="vehicle" id='cb2' value="Cycle" disabled>I have a bike
<br>
<input type="checkbox" name="vehicle" id='cb3' value="Car" disabled>I have a car
<script>
    function updateState() {
        console.log("here");
        if ($('#cb1').is(':checked')) {
            $("#cb2").prop("checked", false);
            $("#cb3").prop("checked", false);
            $("#cb2").removeAttr("disabled", null);
            $("#cb3").removeAttr("disabled", null);
        } else {
            $("#cb2").prop("checked", false);
            $("#cb3").prop("checked", false);
            $("#cb2").attr("disabled", "disabled");
            $("#cb3").attr("disabled", "disabled");
        }
    }
</script>