JSFiddle - React, Tailwind, and code Playground

HTML

<div id="template_buttons">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
 <input type="text" name="submit" id="blog" value="blog" />
</div>
<hr>
<button class="button" id="enablebtn">Enable All</button>
<button class="button" id="disablebtn">Disable All</button>

JavaScript

$(function () {
    $('#disablebtn').click(function(){
    $("#template_buttons *").attr("disabled", true).off('click');   
    });    
}); 

$(function () {
    $('#enablebtn').click(function(){
    $("#template_buttons *").attr("disabled", false);   
    });    
});