如何将复选框值添加到文本区域字段

<textarea id="textArea"></textarea>
<input type="checkbox" id="checkbox1" value="Value 1"> Value 1
<input type="checkbox" id="checkbox2" value="Value 2"> Value 2
<input type="checkbox" id="checkbox3" value="Value 3"> Value 3

// 获取文本区域和复选框元素
var textArea = document.getElementById("textArea");
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var checkbox3 = document.getElementById("checkbox3");

// 监听复选框的变化事件
checkbox1.addEventListener("change", updateTextArea);
checkbox2.addEventListener("change", updateTextArea);
checkbox3.addEventListener("change", updateTextArea);

// 更新文本区域字段的值
function updateTextArea() {
  var selectedValues = "";

  // 检查每个复选框是否被选中，如果选中则将其值添加到selectedValues变量中
  if (checkbox1.checked) {
    selectedValues += checkbox1.value + "\n";
  }
  if (checkbox2.checked) {
    selectedValues += checkbox2.value + "\n";
  }
  if (checkbox3.checked) {
    selectedValues += checkbox3.value + "\n";
  }

  // 将selectedValues的值设置为文本区域字段的值
  textArea.value = selectedValues;
}