JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<input type="button" value="delete" id="remove">  
<table>
  <thead>
    <tr>
      <td>select</td>
      <td>name</td>
      <td>city</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox" name="" id=""></td>
      <td>hiren</td>
      <td>surat</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="" id=""></td>
      <td>abc</td>
      <td>surat</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="" id=""></td>
      <td>pqr</td>
      <td>ahemdabad</td>
    </tr>
  </tbody>
</table>

CSS

table

JavaScript

$("#remove").on("click",function(){       						     
	$('input:checked').each(function() {
    $(this).closest('tr').remove();
	});
});