JSFiddle - React, Tailwind, and code Playground

by Mukesh Yadav

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="tdSpan3" colspan="3">
      <a class="aNotes" onclick="displayNotes('booking');"></a>
      <br>
      <div id="div[booking]" class="divNotes"></div>
    </td>
    <td class="tdColOption">
      <input class="opt_booking" type="radio" value="0" checked="checked" name="opt_booking">
    </td>
    <td class="tdColOption">
      <input class="opt_booking" type="radio" value="1" name="opt_booking">
    </td>
    <td class="tdColOption">
      <input class="opt_booking" type="radio" value="2" name="opt_booking">
    </td>
    <td class="hidden">
      txtShortName[12]:
      <input type="text" value="booking" name="txtShortName[12]">
    </td>
    <td class="hidden">
      txtPriority[12]:
      <input type="text" value="12" name="txtPriority[12]">
    </td>
    <td class="hidden">
      txtLevelGroup[12]:
      <input type="text" value="<br /> <b>Notice</b>: Undefined index: level_group in <b>C:\inetpub\wwwroot\CSS_Reservations\admin\access_levels\view_details.php</b> on line <b>239</b><br /> " name="txtLevelGroup[12]">
    </td>
  </tr>

</table>

JavaScript

$(function() {
  $('.opt_booking').on('change', function() {
    alert($('.opt_booking:checked').val());
  });
});