在javascript中使用onchange在表视图中显示多个复选框值

<table>
  <tr>
    <td><input type="checkbox" value="1" onchange="showSelectedValues()"></td>
    <td><input type="checkbox" value="2" onchange="showSelectedValues()"></td>
    <td><input type="checkbox" value="3" onchange="showSelectedValues()"></td>
  </tr>
</table>

<div id="selectedValues"></div>

function showSelectedValues() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  var selectedValues = [];

  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      selectedValues.push(checkboxes[i].value);
    }
  }

  var selectedValuesElement = document.getElementById('selectedValues');
  selectedValuesElement.innerHTML = '选中的值：' + selectedValues.join(', ');
}