JSFiddle - React, Tailwind, and code Playground

HTML

<tr id="trfeedback" runat="server" visible="false">
  <td style="width: 5%">
  </td>
  <td style="width: 90%">
    <span style="display: inline-block; width: 6%;"> 
<input id="chkFeedback" type="checkbox" name="chkFeedback" onclick="toggleTable(this);" /><label 
for="chkFeedback">Send Feedback</label></span>
  </td>
  <td style="width: 5%">
  </td>
</tr>

<table id="trchkOptions" style='' runat="server">
  <tr>
    <td style="width: 5%">
    </td>
    <td>
      <span style="display: inline-block; width: 5%;"> 
<input id="chkOption1" class="chkclass" value="testing" runat="server" type="checkbox" 
name="chkOption1" /></span>
    </td>
    <td style="width: 5%">
    </td>
  </tr>
  <tr>
    <td style="width: 5%">
    </td>
    <td>
      <span style="display: inline-block; width: 7%;"> 
<input id="chkOption2" class="chkclass" value="testing" runat="server" type="checkbox" 
name="chkOption2" /></span>
    </td>
    <td style="width: 5%">
    </td>
  </tr>
  <tr>
    <td style="width: 5%">
    </td>
    <td>
      <span style="display: inline-block; width: 5%;"> 
<input id="chkOption3" class="chkclass" value="testing" runat="server" type="checkbox" 
name="chkOption3" /></span>
    </td>
    <td style="width: 5%">
    </td>
  </tr>
  <tr>
    <td style="width: 5%">
    </td>
    <td>

JavaScript

function toggleTable(cb) {
   var lTable = document.getElementById("trchkOptions");
   //lTable.style.display = cb.checked ? "table" : "none";

   if (!cb.checked) {
     $('#trchkOptions input[type=checkbox]').attr('checked', false);
   }
 }