JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="checkbox" name="o1" id="burger" />
    <label for="burger">Burger</label>
</div>
<div id="yesFries">
    <input type="checkbox" name="e1" id="fries" disabled="disabled" />
    <label for="fries">Fries with that?</label>
</div>
<div>
    <input type="radio" name="o1" id="pizza" />
    <label for="pizza">Pizza</label>
</div>
<div>
    <input type="radio" name="o1" id="hotdog" />
    <label for="hotdog">Hot Dog</label>
</div>

JavaScript

(function(){
    
    var $burgerRadio = $( '#burger' ),
        $friesCheckbox = $( '#fries' );
    
    $burgerRadio.unbind( 'change' ).bind( 'change', function () {
        
        if ( $( this ).is( ':checked' ) ) {
            $friesCheckbox.removeAttr( 'disabled' );
            return;
        }
        
        $friesCheckbox.attr( 'disabled', 'disabled' );
        
    } );
    
}());