JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p>
        <label for="spinner1">Default Enabled Spinner</label>
        <input class="spinner" id="spinner1"/>
        <input checked="checked" onchange="enableSpinner('spinner1', this.checked);" type="checkbox"/>
    </p>
    <p>
        <label for="spinner2">Default Disabled Spinner</label>
        <input class="spinner" disabled="disabled" id="spinner2"/>
        <input onchange="enableSpinner('spinner2', this.checked);" type="checkbox"/>
    </p>
</body>

JavaScript

$(".spinner").each(function() {
    $(this).spinner({
        disabled: this.disabled
    });
});

function enableSpinner(spinnerId, enable) {
    var spinner = $("#" + spinnerId);
    if (enable) {
        spinner.spinner("enable");
    } else {
        spinner.spinner("disable");
    }
}