JSFiddle - React, Tailwind, and code Playground

by Uttam Kumar Roy

HTML

<button type="submit" class="btn btn-home" name= "btn-save1" id= "btn-save1" disabled="disabled" required="required">Save1</button>

<button type="submit" class="btn btn-home" name= "btn-save2" id= "btn-save2" disabled="disabled" required="required">Save2</button>

<button type="submit" class="btn btn-home" name= "btn-save3" id= "btn-save3" disabled="disabled" required="required">Save3</button>

<button type="submit" class="btn btn-home" name= "btn-save4" id= "btn-save4" disabled="disabled" required="required">Save4</button>

<button type="submit" class="btn btn-home" name= "btn-add_resume1" id= "add_resume1" required="required">Add Resume 1</button>

JavaScript

$('document').ready(function() {

	$('#btn-save1').prop("disabled",false);
	$("#add_resume1,#btn-save1").on("click", function(e) {  
		e.preventDefault;			

		$(':input:button').each(function() {
			$(this).prop('disabled', false);
		});

		$("#btn-save1").prop('disabled', true);

	});
  
 });