如何在具有不同值和标签的联系表单7中实现单选按钮答案

【问题标题】：how to implement radio button in contact form 7 with different value and label如何在具有不同值和标签的联系表单7中实现单选按钮
【发布时间】：2019-03-28 17:12:16
【问题描述】：

我想在联系表格 7 中实现这部分。请帮助我

 <div class="radio">
      <label><input type="radio" name="optradio" value="1">Option 1</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" value="2">Option 2</label>
    </div>
    <div class="radio disabled">
      <label><input type="radio" name="optradio" value="3">Option 3</label>
    </div>

【问题讨论】：

为什么不直接使用您的代码？您需要连接 cf7 wpcf7_validate 过滤器并在 $_POST 数组中查找您的单选字段。要在电子邮件通知中显示单选值选择，您需要在发送邮件之前使用 wpcf7_mail_components 过滤器自定义邮件正文。

标签： wordpress contact-form-7

【解决方案1】：

遗憾的是，在 DOM 中显示值（不同于标签）的唯一方法似乎是隐藏原始 CF7 的标签。

在保留名称的同时单独添加收音机。您的标签文本在它们旁边，您可以将它们包装在<label> 标签中。这里没有换行符，因为 CF7 会将它们解释为 <br>s。

<div id="myradios"><label>[radio optradio use_label_element default:1 "1"] Option 1</label><label>[radio amount use_label_element "2"] Option 2</label><label>[radio amount use_label_element "3"] Option 3</label></div>

现在用 CSS 隐藏 CF7 的标签：

#myradios .wpcf7-list-item-label{
    display:none;
}

不幸的是，在某些元素上没有 default:1 的情况下您不能使用它 - 如果您这样做并且用户没有检查任何元素，则错误消息将出现在每个收音机下方（CF7 文档说收音机是必需的默认）。

【讨论】：

【解决方案2】：

您可以轻松地做到这一点，将管道 (|) 放在输入上，如下所示：

[select name_input "Visible Value|actual-form-value"]

Visible Value = (Front-end Value) 和 actual-form-value = (Input Custom Value) 的位置。

你的代码会是这样的：

[radio optradio "Option 1|1" "Option 2|2" "Option 3|3"]

看看the documentation:

【讨论】：

@SubhankarDutta 我希望这对你有帮助 =)
@Mario62RUS 如果您正在等待查看 DOM 中的这种更改，您将看不到。但它会起作用。你能和我分享你的代码吗？也许我可以帮助你！
插件作者写到没有这种可能，并提出使用HTMLwordpress.org/support/topic/…Fanky解决方案更好。
@Mario62RUS 如果您测试此代码，您会发现它有效，正如您在 cmets 中看到的那样。解决方案来自官方文档：contactform7.com/selectable-recipient-with-pipes。谨慎使用否决票，因为声誉太难获得，我的回答可以帮助一些人。如果不是您的情况，则无需使用否决票。正如我告诉你的，如果你愿意，请分享你的 cade，我知道我能为你做些什么。
它适用于选择，不适用于广播。