使用表上的CheckBox更改值

<table>
  <tr>
    <th>选择</th>
    <th>数值</th>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox1"></td>
    <td>数值1</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox2"></td>
    <td>数值2</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox3"></td>
    <td>数值3</td>
  </tr>
</table>

<script>
  // 获取所有复选框元素
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');

  // 监听复选框状态变化事件
  checkboxes.forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
      // 根据复选框状态改变相应的值
      if (this.checked) {
        // 复选框被选中时的操作
        // 可以根据需要进行相应的处理
        console.log('选中了复选框 ' + this.id);
      } else {
        // 复选框被取消选中时的操作
        // 可以根据需要进行相应的处理
        console.log('取消选中复选框 ' + this.id);
      }
    });
  });
</script>