https://stackoverflow.com/questions/77124010/dynamically-passing-value-to-click-event-jquery

by andrew rowe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<table>

  <tr>
    <th class="rotate">
      <div><span class="Routes"> Purchased</span></div>
    </th>
    <th class="rotate">
      <div><span class="Routes">Angle Plant</span></div>
    </th>
  </tr>
  <tr>
    <td bgcolor="#8DB255" class=""> <input type="radio" class="get_value Purchased" name="48215:4G1" id="r8215:4201" value="4:716:597:18.25:200:0:200:NA:PBJB_18223_JTC:375:8215:4:20:2023/09/13:284:284:284:284:284:0::0" checked=""></td>
    <td bgcolor="#8DB255" class=""> <input type="radio" class="get_value Angle_Plant" name="48215:4G1" id="r8215:4201" value="4:716:597:18.25:200:0:200:NA:PBJB_18223_JTC:375:8215:4:20:2023/09/13:284:284:284:284:284:0::0" checked=""></td>
  </tr>
  <tr>
    <td bgcolor="#8DB255" class=""> <input type="radio" class="get_value Purchased" name="48215:4G2" id="r8215:4202" value="4:716:597:18.25:200:0:200:NA:PBJB_18223_JTC:375:8215:4:20:2023/09/13:284:284:284:284:284:0::0" checked=""></td>
    <td bgcolor="#8DB255" class=""> <input type="radio" class="get_value Angle_Plant" name="48215:4G2" id="r8215:4202" value="4:716:597:18.25:200:0:200:NA:PBJB_18223_JTC:375:8215:4:20:2023/09/13:284:284:284:284:284:0::0" checked=""></td>
  </tr>
</table>

JavaScript

$('.Routes').on('click', function(e) {
  $(`.${e.target.innerText.trim().replace(' ', '_')}`).prop("checked", true); 
});