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

Question

我想在联系表中实施此部分7.please帮助我

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

现在隐藏 CF7 的标签 CSS:

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

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

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

how to implement radio button in contact form 7 with different value and label

wordpress

contact-form-7