JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-bordered table-striped">
  <thead>
    <tr>
      <th scope="col" style="text-align:center;"><input type="checkbox" id="bulkReturns"></th>
      <th scope="col" style="text-align:center;">Product</th>
      <th scope="col" style="text-align:center;">ReqQty</th>
      <th scope="col" style="text-align:center;">CnfrmedQty</th>
      <th scope="col" style="text-align:center;">#Rtrn Items</th>
      <th scope="col" style="text-align:center;">Already Returned</th>
      <th scope="col" style="text-align:center;">ReturnReason</th>
      <th scope="col" style="text-align:center;">ReturnStatus</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align:center;"><input class="removableRowCheckBox" type="checkbox" name="checkbox_values[]" class="cancel_action1" value="9#1"></td>
      <td style="text-align:center;">Test 1</td>
      <td style="text-align:center;">4 &nbsp;items</td>
      <td style="text-align:center;">4 &nbsp;items</td>
      <td class="d-flex justify-content-center">
        <div class="item_quantity w-45" style="width:82%">
          <input type="hidden" name="company_name" id="company_name" value="aldi_north">
          <input type="hidden" name="order_id_pk0" id="order_id_pk0" value="9">
          <input type="hidden" name="confirmed_qty0" id="confirmed_qty0" value="3">
          <input type="hidden" name="confirmed_toaldi0" id="confirmed_toaldi0" value="4">
          <input type="hidden" name="returned_qty0" id="returned_qty0" value="3">
          <input type="hidden" name="items_return_cnt" id="items_return_cnt" value="2">
          <div class="input-group input-group-modal" data-min="1" data-max="4">
            <span class="input-group-btn">
              <button class="btn btn-default" id="subtract" type="button" onclick="decrementValue(0)">
                <i class="fas fa-minus" aria-hidden="true"></i>
              </button>
            </span><input class="form-control" type="text" maxlength="2" max="3"...

CSS

td {
  border: 1px solid black;
}

JavaScript

function doThing() {
  $(".removableRowCheckBox:not(:checked)").closest('tr').remove();
}