WordPress中通过按钮自动选中CF7条件字段的可行性咨询

没问题，这个需求完全可以实现！我来一步步给你拆解操作步骤，都是基于你现用的两个插件来做的：

• 第一步：修改页面B的跳转按钮链接，添加URL查询参数
  把页面B里跳转到页面C的按钮链接，从原来的页面C纯URL，改成带参数的形式，比如：
  https://你的域名/页面C/?inquiry_type=product
  这里的inquiry_type是我们自定义的参数名，product是用来标识「产品咨询」的参数值。如果是用WordPress区块编辑器的按钮块，直接编辑按钮的链接地址加上这段参数就行；如果是自定义代码里的按钮，就把href属性改成这个带参数的URL。

• 第二步：调整Contact Form 7的表单代码
  打开你的页面C的Contact Form 7表单，确保「咨询类型」的单选按钮组有明确的name属性，并且选项文本和你要匹配的内容一致。比如表单代码可以写成这样：

  <label> 咨询类型
  [radio inquiry-type default:1 "常规咨询" "产品咨询"]
  </label>
  

  这里的inquiry-type是单选按钮组的name，后面的JavaScript会用到这个来定位元素。

• 第三步：添加JavaScript读取URL参数并自动选中选项
  你需要在页面C中添加一段小脚本，用来读取URL里的参数，然后自动选中「产品咨询」选项，同时触发Conditional Fields的显示逻辑。
  可以直接在页面C的区块编辑器里添加一个「自定义HTML」区块，把下面的代码放进去：

  document.addEventListener('DOMContentLoaded', function() {
      // 获取URL中的查询参数
      const urlParams = new URLSearchParams(window.location.search);
      const inquiryType = urlParams.get('inquiry_type');
      
      // 如果参数是product，选中产品咨询选项
      if (inquiryType === 'product') {
          const radioBtn = document.querySelector('input[name="inquiry-type"][value="产品咨询"]');
          if (radioBtn) {
              radioBtn.checked = true;
              // 手动触发change事件，让Conditional Fields加载对应的字段组
              radioBtn.dispatchEvent(new Event('change'));
          }
      }
  });
  

  这里要注意：必须触发change事件，因为Contact Form 7 Conditional Fields是通过监听单选按钮的change事件来显示/隐藏条件字段组的，只设置checked=true不会自动展开对应的字段组。

• 第四步：验证Conditional Fields的规则设置
  打开Conditional Fields的设置面板，确认「产品咨询」对应的字段组的显示规则是：Show [你的产品咨询字段组名称] if inquiry-type equals 产品咨询。确保规则里的字段名和表单里的name（也就是inquiry-type）完全一致，选项文本也和表单里的「产品咨询」完全匹配。

做完这些设置后，从页面B点击按钮跳转到页面C，就会自动选中「产品咨询」选项，并且对应的条件字段组也会自动展开啦！

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