【问题标题】:How to add to contact form 7 options like "select all checkbox" and "show more/ show less button"如何添加到联系表格 7 选项,如“全选复选框”和“显示更多/显示更少按钮”
【发布时间】: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"]

【问题讨论】:

    标签: jquery wordpress contact-form-7


    【解决方案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/

    【讨论】:

    • 谢谢你的回答,你能帮忙解决那个“显示更多按钮”吗?我需要文本中的显示/隐藏按钮。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-02-24
    • 2021-04-29
    • 1970-01-01
    • 2018-11-06
    • 2017-10-22
    • 1970-01-01
    • 2016-12-07
    相关资源
    最近更新 更多