Question

我想以联系表格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>

Answer 1

您可以轻松地这样做，将管道（|）放在输入上，如下所示：

[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:

Answer 2

可悲的是，似乎在DOM中具有与标签不同的值的唯一方法是隐藏原始CF7的标签。

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

<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;
}

不幸的是，如果没有默认值，您将无法在某些元素上使用它：1-如果您这样做并且用户未进行任何检查，则错误消息将出现在每个收音机下（CF7文档说，收音机需要使用默认）。

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

2 个答案: