获取与选中的复选框关联的所有td名称，并显示在html输入字段中。

var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var tdNames = [];

checkboxes.forEach(function(checkbox) {
  var td = checkbox.closest('tr').querySelector('td');
  tdNames.push(td.textContent);
});

var inputField = document.getElementById('inputField');
inputField.value = tdNames.join(', ');

<input type="text" id="inputField">
<table>
  <tr>
    <td>名称1</td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
    <td>名称2</td>
    <td><input type="checkbox"></td>
  </tr>
  <!-- 其他行 -->
</table>

<script>
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  checkboxes.forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
      var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
      var tdNames = [];

      checkboxes.forEach(function(checkbox) {
        var td = checkbox.closest('tr').querySelector('td');
        tdNames.push(td.textContent);
      });

      var inputField = document.getElementById('inputField');
      inputField.value = tdNames.join(', ');
    });
  });
</script>