JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<table class="table-spot">
  <tbody>
    <tr id="rfqrowid609" data-key="0">
      <td class="price-usd bw-center">
        <div class="deal-mode-label">
          <label><span class="price-currency">USD</span> 200.00</label>
          <input type="radio" name='allPrice' value='accept1Div' data-name="accept1" />
          <div class="accept1Div desc-button">
            <button>Accept 1</button>
          </div>
        </div>
      </td>
      <td class="price-usd bw-center">
        <div class="deal-mode-label">
          <label for="check1" class="checkbox-1"></label>
          <input name="allPrice" type="radio" id="offerradioid-1294" data-key="0" class="class1 same-as-administrator noEdit" data-name="accept2" value="accept2Div">
          <span class="price-currency">USD</span> 300
          <div class="accept2Div desc-button">
            <button class="btn-blue acceptbtn1">Accept 2</button>
          </div>
        </div>
      </td>
</table>

CSS

.none {
  display: none;
}

table tr td {
  border: 1px solid red;
  padding: 2px;
}

JavaScript

$(document).ready(function() {
   	$(".desc-button").hide();
    $("input[name$='allPrice']").click(function() {
        var buyerDealmode = $(this).val();
        $(".desc-button").hide();
        $("." + buyerDealmode).show();
    });
});