JSFiddle - React, Tailwind, and code Playground

HTML

<form method='post' action='' class='subscription-table'>

  <table width="500" align='center' border="1" cellpadding="10" cellspacing="5">
    <tr>
      <th>
        <input class='check_all' type='checkbox' onclick="select_all()" />
      </th>
      <th>Process</th>
      <th>Burst Time</th>
    </tr>
  </table>

  <button type="button" class='delete'>- Delete</button>
  <button type="button" class='addmore'>+ Add Process</button>

  <input id="submit" type="submit" name="submit" disabled="disabled" />
</form>

JavaScript

$(document).on("keyup", "input[type='text']", function() {
  var empty = false;
  $('input[type="text"]').each(function() {
    if (($(this).val() == '')) {
      empty = true;
    }
  });

  if (empty) {
    $('#submit').attr('disabled', 'disabled');
  } else {
    $('#submit').removeAttr('disabled');
  }
});


var i = 1;
$(".addmore").on('click', function() {
  count = $('table tr').length;
  var data = "<tr><td><input type='checkbox' class='case'/></td>";
  data += "<td><input type='hidden' id='process_id" + i + "' name='process_name" + i + "'/>P" + i + "</td><td><input type='text' id='burst_id" + i + "' class='text-input-grey' name='burst_name" + i + "'/></td></tr>";
  $('table').append(data);
  i++;
});

function select_all() {
  $('input[class=case]:checkbox').each(function() {
    if ($('input[class=check_all]:checkbox:checked').length == 0) {
      $(this).prop("checked", false);
    } else {
      $(this).prop("checked", true);
    }
  });
}


$(".delete").on('click', function() {
  $('.case:checkbox:checked').parents("tr").remove();
  $('.check_all').prop("checked", false);


});