如何添加到联系表格 7 选项,如“全选复选框”和“显示更多/显示更少按钮”

Posted

技术标签:

【中文标题】如何添加到联系表格 7 选项,如“全选复选框”和“显示更多/显示更少按钮”【英文标题】:How to add to contact form 7 options like "select all checkbox" and "show more/ show less button" 【发布时间】:2019-11-18 23:47:02 【问题描述】:

我正在尝试为网站上的每个联系表 7 添加四个复选框。

第一个复选框应该选择/取消选择所有 3 个复选框。

其次是关于隐私政策。

第三个复选框用于营销目的,应该有一个按钮(显示更多/显示更少)。

第四个与第三个相同。

请您帮我解决一下。

我曾尝试使用 show more/show less 插件,但没有成功。

<div class="fullwidthcontactinputinlinesmall"><label> Wybierz temat [select* menu-1 include_blank "Kredyt" "Pożyczka" "Współpraca" "Inny"]</label>
</div>

<div class="onehalfcontactinputinlinesmall">[text* text-1 placeholder "Imię i nazwisko*"]</label></div> 

<div class="onehalfcontactinputinlinesmall">[tel* tel-1 placeholder "Telefon kontaktowy*"]</label></div>

<div class="onehalfcontactinputinlinesmall">[email* email-1 placeholder "Adres e-mail*"]</label></div>

<div class="onehalfcontactinputinlinesmall">[text* text-2 placeholder "Kwota kredytu"]</label></div> 

<div class="contacttextarea">[textarea* textarea-1 placeholder "Treść wiadomości*"]</div>

[First box should selected all checkboxes]

[acceptance acceptance-1 class:consentcontactcustomleft] Lorem Ipsum has been the industry's standard dummy text ever since the 1500s <a href="https://Lorem Ipsum has.pl/polityka-prywatnosci/">privacy policy</a>. [/acceptance]



[acceptance acceptance-2]  Lorem Ipsum is simply dummy text[SHOW MORE/ SHOW LESS BUTTON] of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text [/acceptance]</div>


<div style="margin-top: 10px;">[acceptance acceptance-3] Lorem Ipsum is simply dummy text[SHOW MORE/ SHOW LESS BUTTON] of the printing and typesetting industry. Lorem Ipsum has been the industry's s[/acceptance]</div>

[submit id:submitButton "Submit"]

【问题讨论】:

【参考方案1】:

对于复选框的.. 您应该下载名为“Contact form7 -conditional fields”的插件

说明 该插件为 Contact Form 7 添加了条件逻辑。

如果您编辑 CF7 表单,您将看到一个名为“条件字段组”的附加标签。默认情况下,您在开始和结束标记之间放置的所有内容都将被隐藏。 添加字段组后,单击保存并转到“条件字段”选项卡以创建一个或多个使组出现的条件。

如何使用它 按照本教程进行操作

主要/新功能 对所需领域的支持 必填字段可以在隐藏组中使用而不会导致验证问题。

根据可见的组隐藏/显示电子邮件中的信息 现在也可以将条件组添加到电子邮件中。 只需用 [group-name] ... [/group-name] 标签包装内容即可。

组可以嵌套 组可以嵌套在表单和电子邮件中

示例形式:

[组 group-1] [group group-inside-1] ... [/团体] [/团体] 电子邮件示例:

[组-1] [group-inside-1] ... [/group-inside-1] [/group-1] 先进的 高级用户可以使用导入/导出功能将条件编码为纯文本,而不是使用选择框。

https://wordpress.org/plugins/cf7-conditional-fields/

【讨论】:

谢谢你的回答,你能帮忙解决那个“显示更多按钮”吗?我需要文本中的显示/隐藏按钮。

以上是关于如何添加到联系表格 7 选项,如“全选复选框”和“显示更多/显示更少按钮”的主要内容,如果未能解决你的问题,请参考以下文章

联系表格 7 + Paypal 集成

如何在我的 ASP.NET MVC 应用程序中实现“全选”复选框?

Wordpress Contact Form 7带有选项卡和复选框的表格

提交时将 HTML 添加到联系表格 7 电子邮件

联系表格 7 和 PayPal IPN 集成

每当将新联系人添加到联系人时,如何添加类似whatsapp的选项以进行联系