如果复选框值的长度达到其最大长度，如何在div和tirm/slice中添加复选框值

// 假设复选框的值存储在一个数组中
var checkboxValues = ["值1", "值2", "值3", "值4", "值5"];

// 创建一个空字符串变量
var htmlCode = "";

// 遍历复选框的值
for (var i = 0; i < checkboxValues.length; i++) {
  // 将每个值添加到字符串变量中
  htmlCode += checkboxValues[i];
  
  // 在每个值之间添加逗号分隔符
  if (i < checkboxValues.length - 1) {
    htmlCode += ", ";
  }
}

// 将生成的HTML代码赋值给div的innerHTML属性
document.getElementById("myDiv").innerHTML = htmlCode;

// 假设复选框的值存储在一个数组中
var checkboxValues = ["值1", "值2", "值3", "值4", "值5"];

// 获取div中已有的文本内容
var existingText = document.getElementById("myDiv").textContent;

// 将复选框的值添加到文本内容中
var newText = existingText + checkboxValues.join(", ");

// 使用trim()函数或slice()函数截取字符串的最大长度
var maxLength = 10;
if (newText.length > maxLength) {
  newText = newText.slice(0, maxLength);
}

// 将截取后的字符串赋值给div的文本内容
document.getElementById("myDiv").textContent = newText;