用于计算所选选项总数的Javascript测验

// 假设测验的选项都是checkbox元素，并且它们有一个共同的类名 'quiz-option'
function calculateSelectedOptionsCount() {
  // 获取所有的选项元素
  const options = document.querySelectorAll('.quiz-option');
  
  // 初始化计数器
  let count = 0;
  
  // 遍历所有选项
  options.forEach(option => {
    // 如果选项被选中，则增加计数器
    if (option.checked) {
      count++;
    }
  });
  
  // 返回选中的选项总数
  return count;
}

// 使用示例
console.log('选中的选项总数是:', calculateSelectedOptionsCount());

function addOption() {
  // 创建一个新的checkbox元素
  const newOption = document.createElement('input');
  newOption.type = 'checkbox';
  newOption.className = 'quiz-option';
  
  // 将新选项添加到测验容器中
  document.getElementById('quiz-container').appendChild(newOption);
  
  // 添加后立即计算选中的选项总数
  console.log('当前选中的选项总数是:', calculateSelectedOptionsCount());
}

// 假设有一个按钮用于添加新的选项
document.getElementById('add-option-button').addEventListener('click', addOption);