隐藏复选框上的行特定列和word数据表

<table id="myTable">
  <tr>
    <th></th>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>数据4</td>
    <td>数据5</td>
    <td>数据6</td>
  </tr>
  <!-- 其他行 -->
</table>

var checkboxes = document.getElementsByClassName('checkbox');

for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener('change', function() {
    var isChecked = this.checked;
    var rowIndex = this.parentNode.parentNode.rowIndex;
    var table = document.getElementById('myTable');
    var rows = table.getElementsByTagName('tr');

    for (var j = 0; j < rows.length; j++) {
      var cells = rows[j].getElementsByTagName('td');
      if (cells.length > 0) {
        if (isChecked) {
          cells[rowIndex].style.display = 'none';
        } else {
          cells[rowIndex].style.display = '';
        }
      }
    }
  });
}

td {
  display: table-cell;
}

td:nth-child(2),
td:nth-child(3),
td:nth-child(4) {
  display: none;
}