JSFiddle - React, Tailwind, and code Playground

HTML

<form>
        <table>
            <tr>
                <td><input id="input1" class="myText" type="text" placeholder="Row 1" disabled /></td>
                <td><input id="input2" class="myText" type="text" placeholder="Row 1" /></td>
                <td><button type="button" onclick="toggleEnable('input1','input2')"> Enable/Disable </button></td>
            </tr>
            <tr>
                <td><input id="input3" class="myText" type="text" placeholder="Row 3" /></td>
                <td><input id="input4" class="myText" type="text" placeholder="Row 4" /></td>
                <td><button type="button" onclick="toggleEnable('input3','input4')"> Enable/Disable </button></td>
            </tr>
        </table>
    </form>

JavaScript

function toggleEnable(el1, el2) {
            document.getElementById(el1).disabled = true;
            document.getElementById(el2).disabled = true;
        }