JSFiddle - React, Tailwind, and code Playground

by whirly1227

HTML

<table>
    <tr>
      <td>Teamcenter Completed:</td>
      <td><input type="checkbox" id="tc" onChange="mtcb()"/></td>
    </tr>
    <tr>
      <td>NX Manager Completed:</td>
      <td><input type="checkbox" id="nxm" onChange="mtcb()" /></td>
    </tr>
    <tr>
      <td>Gateway Completed:</td>
      <td><input type="checkbox" id="gate" onChange="mtcb()" /></td>
    </tr>
    <tr>
      <td>Assemblies Completed:</td>
      <td><input type="checkbox" id="assem" onChange="mtcb()" /></td>
    </tr>
    <tr>
      <td>Workshop Completed:</td>
      <td><input type="checkbox" id="work" onChange="mtcb()"/></td>
    </tr>
    <tr>
      <td>Modeling Completed:</td>
      <td><input type="checkbox" id="model" onChange="mtcb()" /></td>
    </tr>
    <tr>
      <td>Sketcher Completed:</td>
      <td><input type="checkbox" id="sketch" onChange="mtcb()" /></td>
    </tr>
  </table>

JavaScript

for (x = 0; x < document.getElementsByTagName('input').length; x++) {
    if (document.getElementsByTagName('input').item(x).type == 'checkbox') {
        alert(document.getElementsByTagName('input').item(x).id);
    };
};