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

获取与选中的复选框关联的所有td名称，并显示在html输入字段中，可以通过以下步骤实现：

首先，需要使用JavaScript来处理复选框的选中状态和关联的td元素。可以通过以下代码获取选中的复选框和关联的td元素的名称：

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);
});

接下来，将获取到的td名称显示在HTML输入字段中。可以通过以下代码将td名称设置为输入字段的值：

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

最后，在HTML中添加一个输入字段和复选框，并为复选框添加事件监听器来触发获取和显示td名称的操作：

<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>

这样，当复选框的选中状态发生变化时，相关的td名称就会显示在输入字段中。