在textarea javascript上显示选中的复选框

在JavaScript中，要实现在textarea上显示选中的复选框，可以通过以下步骤来完成：

1. 首先，获取所有的复选框元素。可以使用document.querySelectorAll()方法来选择所有的复选框元素。例如，如果复选框的class为"checkbox"，可以使用以下代码获取所有的复选框元素：

var checkboxes = document.querySelectorAll('.checkbox');

1. 接下来，需要为每个复选框元素添加一个事件监听器，以便在复选框状态改变时触发相应的操作。可以使用forEach()方法遍历复选框元素，并为每个元素添加事件监听器。在事件监听器中，可以根据复选框的选中状态来更新textarea的内容。以下是示例代码：

checkboxes.forEach(function(checkbox) {
  checkbox.addEventListener('change', function() {
    var textarea = document.getElementById('myTextarea'); // 假设textarea的id为myTextarea
    var selectedCheckboxes = document.querySelectorAll('.checkbox:checked');
    var selectedValues = Array.from(selectedCheckboxes).map(function(checkbox) {
      return checkbox.value;
    });
    textarea.value = selectedValues.join('\n');
  });
});

在上述代码中，我们首先获取了textarea元素，并使用querySelectorAll()方法获取所有选中的复选框元素。然后，我们使用Array.from()方法将NodeList转换为数组，并使用map()方法获取每个选中复选框的值。最后，我们使用join()方法将所有选中的值以换行符分隔，并将结果赋值给textarea的value属性。

需要注意的是，上述代码中的".checkbox"和"myTextarea"是示例中的类名和id，你需要根据实际情况进行修改。

希望以上解答对您有帮助。如果您需要了解更多关于云计算、IT互联网领域的名词词汇或其他技术问题，请随时提问。