前端低代码生成问卷js

前端低代码生成问卷的实现可以使用JavaScript来完成。下面是一个简单的示例代码，可以生成一个包含问题和选项的问卷：

// 定义问题和选项
const questions = [
  {
    question: '你喜欢的颜色是什么？',
    options: ['红色', '蓝色', '绿色', '黄色']
  },
  {
    question: '你喜欢的动物是什么？',
    options: ['狗', '猫', '兔子', '鸟']
  }
];

// 生成问卷HTML
function generateQuestionnaire() {
  const form = document.createElement('form');

  questions.forEach((q, index) => {
    const questionContainer = document.createElement('div');
    questionContainer.classList.add('question-container');

    const questionText = document.createElement('label');
    questionText.textContent = q.question;

    const optionsContainer = document.createElement('div');
    optionsContainer.classList.add('options-container');

    q.options.forEach((option, optionIndex) => {
      const optionInput = document.createElement('input');
      optionInput.type = 'radio';
      optionInput.name = `question-${index}`;
      optionInput.id = `option-${index}-${optionIndex}`;

      const optionLabel = document.createElement('label');
      optionLabel.textContent = option;
      optionLabel.htmlFor = `option-${index}-${optionIndex}`;

      optionsContainer.appendChild(optionInput);
      optionsContainer.appendChild(optionLabel);
    });

    questionContainer.appendChild(questionText);
    questionContainer.appendChild(optionsContainer);
    form.appendChild(questionContainer);
  });

  document.body.appendChild(form);
}

// 调用函数生成问卷
generateQuestionnaire();

上述代码使用了JavaScript动态地生成了一个包含问题和选项的问卷，并将其添加到了网页中。你可以根据需要进行修改和扩展。