每次选中同一行中的复选框时，获取具有特定id的td的文本

<table>
  <tr>
    <td id="td1">文本1</td>
    <td><input type="checkbox" class="checkbox"></td>
  </tr>
  <tr>
    <td id="td2">文本2</td>
    <td><input type="checkbox" class="checkbox"></td>
  </tr>
  <tr>
    <td id="td3">文本3</td>
    <td><input type="checkbox" class="checkbox"></td>
  </tr>
</table>

<script>
  const checkboxes = document.querySelectorAll('.checkbox');

  checkboxes.forEach((checkbox) => {
    checkbox.addEventListener('change', (event) => {
      const currentCheckbox = event.target; // 获取触发事件的复选框元素
      const row = currentCheckbox.closest('tr'); // 获取所在行元素
      const specificTd = row.querySelector('#td2'); // 获取具有特定id的td元素
      const text = specificTd.textContent; // 获取td元素的文本内容
      console.log(text); // 打印文本内容
    });
  });
</script>