JSFiddle - React, Tailwind, and code Playground

HTML

<button href="#" id="enable">Habilita Campos</button>
<button href="#" id="disable">Desabilita Campos</button>
<div>
    <input type="text" id="campo1" name="campo1" disabled/>
    <br/>
    <input type="text" id="campo2" name="campo2" disabled/>
    <br/>
    <input type="text" id="campo3" name="campo3" disabled/>
    <!--exemplo Não fazer nada -->
</div>

JavaScript

$(window).load(function () {
    $(document).ready(function () {
        $("#enable").click(function () {
            // habilita o campo 
            $("input").prop("disabled", false);
            $("select").prop("disabled", false);

        });

        $("#disable").click(function () {
           $('input[name="campo1"], input[name="campo3"]').prop("disabled", true);
        });
    });
});