JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="checkbox" class="double" />
    <input type="checkbox" class="single" />
    
    <div class="twoday">
        <input type="text" value="Example" />
    </div>
    
    <div class="oneday">
        <input type="text" value="Example" />
    </div>
    
</form>

JavaScript

function countDouble() {      
    var d = $("input.double").is(':checked');
    var s = $("input.single").is(':checked');
    
    if (d === true) {
       $(".twoday input").prop("disabled",true);
    } else {
       $(".twoday input").prop("disabled",false);
    }
    
    if (s === true) {
       $(".oneday input").prop("disabled",true);
    } else {
       $(".oneday input").prop("disabled",false);
    }
}

jQuery(document).ready(function(){              
    $('input[type=checkbox]').click( function() {
        countDouble();
    });
    //$(":checkbox").click(countDouble);  
});