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

Question

我正在建立联系表格为7的产品查询表单。我想在选项卡下面的表格中获取复选框值，我希望用户单击任何选项卡类别并检查所需的产品，然后向下滚动以填写表格并提交。

我已经建立了表单，但是，每当我单击其他选项卡并检查产品时，提交后我只能将当前选项卡上的值获取到表单中，而不能将其他选项卡上的先前选中的产品获取到表单中。

提交后，我需要帮助以获取表单上的所有检查值。

这是我在联系表格中所做的。我还使用了选项卡插件来显示类别。

<div class="tree">
<div class="branch1 noshowin3">
<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox dynamicname "CF7_get_custom_field key='my_custom_field'"]
<p class="producttitle">AS608</p>
<ul class="olulist">
     <li> Screening Audiometer</li>
     <li>Hughson-Westlake Auto testing</li>
     <li>Battery operated</li>
     <li>Optional power supply</li>
     <li> PC Integrated option</li>
     <li>pure tone and Warble tone</li>
     <li> Air-condition testing only</li>
     <li>125-8000Hz</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AD226 "AD226 - Tick for quote"]
<p class="producttitle">AD226</p>
<ul class="olulist">
     <li>Diagnostic Air & Bone Conduction</li>
     <li>Special tests available as an option</li>
     <li>Pure tone and Warble tone</li>
     <li>125-8000HZ</li>
     <li>PC Integration option</li>
     <li>No Speech Audiometry available</li>
     <li>Hughson-Westlake Auto testing</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AD528 "AD528 - Tick for quote"]
<p class="producttitle">AD528</p>
<ul class="olulist">
     <li>Diagnostic Air & Bone free-field</li>
     <li>Speech (CD, MP3, Microphone or Wave)</li>
     <li>Stenger</li>
     <li>Modified Hughson-Westlake</li>
     <li>125 Hz to 8000 Hz</li>
     <li>Special tests available as an option</li>
     <li>Synch License for integration</li>
     <li>Outstanding ergonomics</li>
     <li>Ideal for travelling</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AVANT-Stealth-Tick "MedRX: AVANT Stealth-Tick for quote"]
<p class="producttitle">MedRX: AVANT Stealth</p>
<ul class="olulist">
     <li>PC-Based</li>
     <li>Full two channel audiometer</li>
     <li>Diagnostic Air & Bone Conduction</li>
     <li> Full Speech Audio live & recorded</li>
     <li>125-8000 HZ</li>
     <li> Automated Audiometry & High Frequency (20 KHz) option</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AVANT-A2D "MedRX:AVANT A2D+ - Tick for quote"]
<p class="producttitle">MedRX: AVANT A2D+</p>
<ul class="olulist">
     <li>PC-Based</li>
     <li>Full two channel audiometer</li>
     <li>Diagnostic Air & Bone Conduction</li>
     <li> Full Speech Audio live + recorded</li>
     <li>125-8000 HZ</li>
     <li> Automated Audiometry</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox MedRX-Tinnometer "MedRX Tinnometer - Tick for quote"]
<p class="producttitle">MedRX Tinnometer</p>
<ul class="olulist">
     <li>Revolutionary tinnitus assessment</li>
     <li>customized stimulus</li>
     <li>Precise control of level, shape & frequency</li>
     <li>Built-in tinnitus reports</li>
     <li>Save and Recall sessions</li>
     <li> NOAH compatible</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AD629 "AD629 - Tick for quote"]
<p class="producttitle">AD629</p>
<ul class="olulist">
     <li>Diagnostic Air & Bone Conduction</li>
     <li>Full Speech Audio live & recorded</li>
     <li>Pure tone and Warble tone</li>
     <li>125-8000Hz</li>
     <li>PC Integration & testing option</li>
     <li>Special tests available as an option</li>
     <li>Hughson-Westlake Auto testing</li>
     <li>High Frequency (20KHz) option</li>
     <li>Option: 2 channel PC control mode</li>
     <li>Option: QuickSIN & TEN test</li>
</ul>
</label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AC40 "AC40 - Tick for quote"]
<p class="producttitle">AC40</p>
<ul class="olulist">
     <li>Full 2 channel clinical audiometer</li>
     <li>Diagnostic Air & Bone Conduction</li>
     <li>Full Speech Audio live & recorded</li>
     <li>Pure tone and Warble tone</li>
     <li>125-8000Hz</li>
     <li>PC Integration & testing option</li>
     <li>Special tests available as an option</li>
     <li>Hughson-Westlake Auto testing</li>
     <li>High Frequency (20KHz) included</li>
     <li>option: QuickSIN & TEN test</li>
</ul>
</label>
</div>

</div>

<div class="branch2 noshowin3">

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox MT10 "MT10 - Tick for quote"]
        <p class="producttitle">MT10</p>
    <ul class="olulist">
       <li>Screening Tympanometer</li>
       <li>226Hz probe tone</li>
       <li>Handheld unit</li>
       <li>Thermal printer</li>
       <li>available</li>
       <li>optional Ipsillateral reflexes (0.5-4KHz)</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox MedRx-OtoWave-102 "MedRx OtoWave 102- Tick for quote"]
        <p class="producttitle">MedRx OtoWave 102</p>
    <ul class="olulist">
       <li>Screening Tympanometer</li>
       <li>226Hz probe tone</li>
       <li>Ipsllateral reflexes (0.5-4KHz)</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox OtoWave-202-202H "MedRx OtoWave 102- Tick for quote"]
        <p class="producttitle">MedRx OtoWave 102</p>
    <ul class="olulist">
       <li>Screening Tympanometer</li>
       <li>226Hz probe tone</li>
       <li>Ipsllateral reflexes (0.5-4KHz)</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AA222 "AA222- Tick for quote"]
        <p class="producttitle">AA222</p>
    <ul class="olulist" style="height: 500px;">
       <li>Diagnostic Tympanometer</li>
       <li>226 Hz probe tone</li>
       <li>678, 800, 1000 Hz probe tone optional</li>
       <li>Ipsi & Contra reflexes</li>
       <li>Automatic reflex testing</li>
       <li>Reflex Decay</li>
       <li>Eustachian tube function testing</li>
       <li>Diagnostic Audiometer</li>
       <li>Air & Bone Conduction with masking</li>
       <li>Full Speech Audio live & recorded</li>
       <li>Pure tone and Warbie tone</li>
       <li>125-8000 Hz</li>
       <li>PC Integration Printing</li>
       <li>Special test is available as an option</li>
       <li>Hugh-Westlake Auto testing</li>
       <li>Optional Thermal printer available</li>
       <li>Refer to combined unit solutions</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox Titan "Titan- Tick for quote"]
        <p class="producttitle">Titan</p>
    <ul class="olulist" style="height: 500px;">
       <li>Screening or Diagnostic option</li>
       <li>226 Hz probe tone</li>
       <li>1000Hz probe tone (available on 202H)</li>
       <li>Ipsl Contra reflexes(0.5-4 KHz)</li>
       <li>Automatic reflex testing</li>
       <li>Reflex Decay</li>
       <li>Eustachian tube function testing</li>
       <li>PC Integrated & testing option</li>
       <li>Wideband Tympanometry option</li>
       <li>Handheld unit (battery operated)</li>
       <li>Refer to combined unit solutions</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox AT235 "AT235 - Tick for quote"]
        <p class="producttitle">AT235</p>
    <ul class="olulist" style="height: 500px;">
       <li>Diagnostic Tympanometer</li>
       <li>226Hz probe tone</li>
       <li>1000Hz probe tone optional</li>
       <li>Ipsl & Contra reflexes (0.5-4KHz)</li>
       <li>Automatic reflex testing</li>
       <li>Reflex Decay</li>
       <li>Eustachian tube function testing</li>
       <li>Screening Audiometry (125-8000Hz)</li>
    </ul>
      </label>
</div>


</div>

<div class="branch3">

     <div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox Titan "Titan - Tick for quote"]
        <p class="producttitle">Titan</p>
    <ul class="olulist" style="height: 500px;">
       <li>DPOAE and/or TEOAE</li>
       <li>Screening or Diagnostic</li>
       <li>DP-Gram</li>
       <li>DP I/O function</li>
       <li>Pressurized DPOAES</li>
       <li>PC Integrated & testing option</li>
       <li>Pass/refer and normative data available</li>
       <li>Handheld unit (battery operate)</li>
       <li>Bluetooth (BT)</li>
       <li>Optional Thermal printer or print via Bluetooth</li>
       <li>Refer to combined unit solutions</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox Sera "Sera - Tick for quote"]
        <p class="producttitle">Sera</p>
    <ul class="olulist" style="height: 500px;">
       <li>Binaural automated ABR screening</li>
       <li>Unique CE-Chirp stimulus reduces test time</li>
       <li>Screening OAE option</li>
       <li>Wireless charging and printing</li>
       <li>Optional Thermal wireless printing via Bluetooth</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox Otoread "Otoread- Tick for quote"]
        <p class="producttitle">Otoread</p>
    <ul class="olulist" style="height: 500px;">
       <li>DPOAE and/or TEOAE</li>
       <li>DP-Gram</li>
       <li>Screening & Diagnostic</li>
       <li>Handheld unit (battery operated)</li>
       <li>Bluetooth</li>
       <li>Optional themal printer or print via bluetooth</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox EP25 "EP25 - Tick for quote"]
        <p class="producttitle">EP25</p>
    <ul class="olulist" style="height: 500px;">
       <li>Diagnostic ABR incl. CE-Chirp stimulus</li>
       <li>MLR, P300</li>
       <li>LLR</li>
       <li>MMN</li>
       <li>EABR</li>
       <li>Cochlear Microphonic</li>
       <li>ECochG</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox EP15 "EP15 - Tick for quote"]
        <p class="producttitle">EP15</p>
    <ul class="olulist" style="height: 500px;">
       <li>Diagnostic ABR</li>
       <li>eABR</li>
       <li>Optional ECochG</li>
       <li>Optional CE Chirp stimulus</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">     
     <label class="olumetrix">[checkbox VEMPs "VEMPs - Tick for quote"]
        <p class="producttitle">VEMPs</p>
    <ul class="olulist" style="height: 500px;">
       <li>cVEMPs</li>
       <li>oVEMPs</li>
    </ul>
      </label>
</div>

<div class="olumetrixdiv">   
<p class="producttitle">DPOAE & TEOEAE</p>   
     <label class="olumetrix">[checkbox DPOAE-TEOEAE "DPOAE & TEOEAE- Tick for quote"]
      </label>
</div>

<div class="olumetrixdiv">    
<p class="producttitle">AUTOMATED-ABR-ABRIS</p> 
     <label class="olumetrix">[checkbox AUTOMATED-ABR-ABRIS "ABR-ABRIS- Tick for quote"]
      </label>
</div>

<div class="olumetrixdiv">     
     <p class="producttitle">ASSR </p>
     <label class="olumetrix">[checkbox ASSR "ASSR - Tick for quote"]
      </label>
</div>
</div>


<center class="producttitle">Please provide your details. One of our audiologists will be in touch to conduct a needs analysis and provide you with a customised clinical solution</center>
<div class="olumideform">
    <div>[text* first-name placeholder "First Name*"]</div>
    <div>[text* last-name placeholder "Last Name*"]</div>
    <div>[email* your-email placeholder "Email Address*"]</div>
    <div>[number* contact-number placeholder "Contact Number*"]</div>
    <div>[select* sector placeholder "Select your Sector*" "Government Sector" "Private Sector" "Both Sectors" "Others, Please specify"]</div>
   <div>[select* Occupation placeholder "Select your Occupation*" "Hearing Care Practitioner" "Occupational Health Specialist" "ENT Practitioner" "General Practitioner" "Physiotherapist" "Other, please specify"]</div>
<div>[select* Province placeholder "Select Your Province" "Eastern Cape" "Free State" "Gauteng" "KwaZulu-Natal" "Limpopo" "Mpumalanga" "Northern Cape" "North West" "Western Cape"]</div>
<div>[text* suburb placeholder "Suburb*"]</div>
</div>
<div class="olumideform2">
       <div>[textarea message placeholder "My Message"]</div>
       <div><p>[submit "Send"]</p></div>
</div>

</div>

Answer 1

我决定使用自定义的html，java-script和php来构建表单，将提交的数据发送到电子邮件，并将提交的数据发布到google sheet上，而不是使用联系表单7和google sheet连接器。