JSFiddle - React, Tailwind, and code Playground

by littlesandra88

HTML

<!DOCTYPE html>
<html dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

    <script type="text/javascript">
   $('form').live('submit', function(){
      $.post($(this).attr('action'), $(this).serialize(), function(response){
            // do something here on success
      },'json');
      return false;
   });
    </script>

  </head>
  <body>

    <div class="page-body">

      <table class="alerts" cellspacing="0">
    <tbody>
      
      <tr class="header">
        <th class="activity-header"> <a href="javascript:sortTable(0)"> CWIS           </a></th>
        <th class="activity-header"> <a href="javascript:sortTable(5)"> Signed         </a></th>
        <th class="activity-header"></th>
      </tr>
      
      <form action="" method="post">
        <input name="anchor" value="2548" type="hidden">
          <tr>
        <td class="activity-data">2548</td>
        <td class="checkbox"> <input name="signed" type="checkbox" checked />  x    </td>
        <td class="edit-column"> <a href="javascript:showhide('2548');">Details</a> <input value="Save" type="submit" /> </td>
          </tr>
        </form>
      
        <form action="" method="post">
          <input name="anchor" value="7249" type="hidden">
        <tr>
          <td class="activity-data">7249</td>
          <td class="checkbox"> <input name="signed" type="checkbox" checked />  x    </td>
          <td class="edit-column"><a href="javascript:showhide('7249');">Details</a> <input value="Save" type="submit" /></td>
        </tr>
          </form>
          
        </tbody>
      </table>
      
    </div>
    
      </body>
      
    </html>