如何用jQuery遍历Qualtrics区块并获取输入元素值？

我帮你整理了一套适配你给出的Qualtrics区块结构的jQuery解决方案，能轻松遍历目标区块里的所有问题并获取对应输入值，具体步骤和代码如下：

1. 定位目标区块 #

首先通过区块的ID（比如你给出的block_43557007）或者类名定位到目标区块，确保我们只处理指定区块内的内容：

// 定位到目标区块
const targetBlock = $('#block_43557007');

2. 遍历区块内的所有问题 #

区块内的问题都带有Question类，我们可以通过这个类选择器获取所有问题元素，然后逐个处理：

// 遍历区块中的每一个问题
targetBlock.find('.Question').each(function() {
  // 获取当前问题的ID（比如QID12）
  const questionId = $(this).attr('id');
  console.log(`正在处理问题：${questionId}`);

  // 根据不同问题类型获取对应的值
  // --- 文本输入类（单行/多行文本框）---
  const textInputs = $(this).find('input[type="text"], textarea');
  if (textInputs.length > 0) {
    const textValue = textInputs.val();
    console.log(`${questionId} 的文本输入值：${textValue}`);
  }

  // --- 单选按钮类 ---
  const selectedRadio = $(this).find('input[type="radio"]:checked');
  if (selectedRadio.length > 0) {
    const radioValue = selectedRadio.val();
    console.log(`${questionId} 的单选选中值：${radioValue}`);
  }

  // --- 复选框类 ---
  const selectedCheckboxes = $(this).find('input[type="checkbox"]:checked');
  const checkboxValues = [];
  selectedCheckboxes.each(function() {
    checkboxValues.push($(this).val());
  });
  if (checkboxValues.length > 0) {
    console.log(`${questionId} 的复选框选中值：${checkboxValues.join(', ')}`);
  }

  // --- 下拉选择框类 ---
  const dropdown = $(this).find('select');
  if (dropdown.length > 0) {
    const dropdownValue = dropdown.val();
    console.log(`${questionId} 的下拉选中值：${dropdownValue}`);
  }
});

3. 关键注意事项 #

• 确保jQuery可用：Qualtrics默认加载了jQuery，但如果你的项目有冲突，可以把代码里的$替换成jQuery。
• 页面加载时机：要等到页面完全渲染后再执行代码，建议把这段代码放在Qualtrics的「On Page Load」触发器里，或者用$(document).ready()包裹：

  $(document).ready(function() {
    // 上面的遍历代码放在这里
  });
  

• 自定义问题适配：如果是Qualtrics的自定义问题类型，你可以通过浏览器的开发者工具查看元素结构，调整对应的选择器来获取输入值。

内容的提问来源于stack exchange，提问作者Parseltongue