使用JavaScript基于复选框输入创建动态字符串

<form>
  <input type="checkbox" id="option1" value="Option 1"> Option 1
  <input type="checkbox" id="option2" value="Option 2"> Option 2
  <input type="checkbox" id="option3" value="Option 3"> Option 3
</form>

// 获取复选框元素
const option1 = document.getElementById('option1');
const option2 = document.getElementById('option2');
const option3 = document.getElementById('option3');

// 监听复选框变化事件
option1.addEventListener('change', updateString);
option2.addEventListener('change', updateString);
option3.addEventListener('change', updateString);

// 初始化动态字符串
let dynamicString = '';

// 更新动态字符串的函数
function updateString() {
  dynamicString = '';

  // 检查每个复选框的选中状态
  if (option1.checked) {
    dynamicString += option1.value + ' ';
  }
  if (option2.checked) {
    dynamicString += option2.value + ' ';
  }
  if (option3.checked) {
    dynamicString += option3.value + ' ';
  }

  // 打印或使用动态字符串
  console.log(dynamicString);
}