JSFiddle - React, Tailwind, and code Playground

HTML

Name 1:<input type="text" class="one" id="mytext"><br/>
Name 2:<input type="text" class="one" id="mytext"><br/>
Name 3:<input type="text" class="one" id="mytext"><br/>
Name 4:<input type="text" class="one" id="mytext"><br/>
<button onclick="disfunction()">Disable</button>

JavaScript

function disfunction(){
    var cells = document.getElementsByClassName("one"); 
    for (var i = 0; i < cells.length; i++) { 
        cells[i].disabled = true;
    }
}