JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="check" />
<input type="checkbox" id="yearlymanagermaintainancedayscheck" />
<input type="checkbox" id="yearlysuppliermaintainancedayscheck" />

<input type="text" id="subcomplex" />
<input type="text" id="yearlymanagermaintainancedays" />
<input type="text" id="yearlysuppliermaintainancedays" />

JavaScript

var c1 = $('#check');
var c2 = $('#yearlymanagermaintainancedayscheck');
var c3 = $('#yearlysuppliermaintainancedayscheck');

var f1 = $('#subcomplex');
var f2 = $('#yearlymanagermaintainancedays');
var f3 = $('#yearlysuppliermaintainancedays');

$(function() {
    enable_cb(c1, f1);
    enable_cb(c2, f2);
    enable_cb(c3, f3);

    c1.change(function() {
        enable_cb(c1, f1)
    });
    c2.change(function() {
        enable_cb(c2, f2)
    });
    c3.change(function() {
        enable_cb(c3, f3)
    });
});

function enable_cb(checkbox, field) {
    if (checkbox.is(':checked')) {
        console.log('if');
        field.removeAttr("disabled");
    } else {
        console.log('else');
        field.attr("disabled", true);
    }
}