JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<table class="table">
  <thead>
    <tr>
      <td scope="col">#</td>
      <td scope="col">Tasks</td>
      <td scope="col">Finished</td>
      <td scope="col">Actions</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>01</td>
      <td>TaskName 1</td>
      <td>
        <input type="checkbox" name="mycheck" />
      </td>
      <td>
        <button>Edit</button>
      </td>
      <td>
        <button>Delete</button>
      </td>
    </tr>
    <tr>
      <td>02</td>
      <td>TaskName 2</td>
      <td>
        <input class="inp" type="checkbox" name="mycheck" />
      </td>
      <td>
        <button>Edit</button>
      </td>
      <td>
        <button>Delete</button>
      </td>
    </tr>
    <tr>
      <td>03</td>
      <td>TaskName 3</td>
      <td>
        <input class="inp" type="checkbox" name="mycheck" />
      </td>
      <td>
        <button>Edit</button>
      </td>
      <td>
        <button>Delete</button>
      </td>
    </tr>
  </tbody>
</table>

JavaScript

$(':checkbox').click(function(e) {
  if ($(this).is(':checked')) {
    $(this).parent().parent().find('td').css('textDecoration', 'line-through');
  } else {
    $(this).parent().parent().find('td').css('textDecoration', '');
  }
});