如何在单击该行时获取该行中出现的复选框的值

<table id="myTable">
  <tr>
    <td><input type="checkbox" id="checkbox1" value="Value 1"></td>
    <td>Row 1 Data</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox2" value="Value 2"></td>
    <td>Row 2 Data</td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox3" value="Value 3"></td>
    <td>Row 3 Data</td>
  </tr>
</table>

document.getElementById('myTable').addEventListener('click', function(event) {
  if (event.target.type === 'checkbox') { // 检查点击的元素是否是复选框
    var checkboxes = document.querySelectorAll('#myTable input[type="checkbox"]');
    var selectedValues = [];
    
    checkboxes.forEach(function(checkbox) {
      if (checkbox.checked) {
        selectedValues.push(checkbox.value);
      }
    });
    
    console.log(selectedValues); // 在控制台输出选中的复选框的值
  }
});