JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<table border="1">
  <tr>
    <th></th>
    <th>Name</th>
  </tr>
  @foreach($clients as $client)
  <tr>
    <td>
      <input type="checkbox" name="status[]" value="$client['id']" class="checkbox">
    </td>
    <td>$client['name']</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="status[]" value="$client['id']" class="checkbox">
    </td>
    <td>$client['name']</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" name="status[]" value="$client['id']" class="checkbox">
    </td>
    <td>$client['name']</td>
  </tr>
  @endforeach
</table>

<button type="button" id="off" class="btn btn-default" data-toggle="modal" data-target="#offer" disabled>Choose New Offer</button>

JavaScript

$(function () {
  $('.checkbox').click(function () {
    $('#off').prop('disabled', !$('.checkbox:checked').length);
  });
});