Javascript Wordpress联系人表单7带有选项卡和复选框的表单

Javascript Wordpress联系人表单7带有选项卡和复选框的表单,javascript,wordpress,forms,checkbox,contact-form-7,Javascript,Wordpress,Forms,Checkbox,Contact Form 7,我正在建立一个产品查询表与联系表7。我希望将复选框值放入选项卡下方的表单中,我希望用户单击任何选项卡类别并选中所需的产品,然后向下滚动以填写表单并提交 我已经构建了表单,但是,每当我单击其他选项卡并检查产品时,我只能在提交后将当前选项卡上的值输入表单,而不能在其他选项卡上获取以前检查的产品 我需要帮助在提交后获取表单上的所有选中值 以下是我在联系表中所做的工作。我还使用了一个标签插件来显示类别 <div class="tree"> <div class="branch1 no

我正在建立一个产品查询表与联系表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>

[复选框dynamicname“CF7\u获取自定义字段key='my\u自定义字段'”]
AS608

  • 屏蔽听力计
  • 休森-韦斯特莱克汽车测试公司
  • 电池供电
  • 可选电源
  • PC集成选件
  • 纯音和颤音
  • 仅空调测试
  • 125-8000Hz
[复选框AD226“AD226-勾选报价”] AD226

  • 诊断性气骨传导
  • 可选择进行特殊测试
  • 纯音和颤音
  • 125-8000HZ
  • PC集成选项
  • 没有可用的言语测听
  • 休森-韦斯特莱克汽车测试公司
[复选框AD528“AD528-勾选报价”] AD528

  • 诊断空气和骨自由场
  • 语音(CD、MP3、麦克风或波形)
  • 斯腾格
  • 改良休森西湖酒店
  • 125赫兹至8000赫兹
  • 可选择进行特殊测试
  • 用于集成的同步许可证
  • 卓越的人体工程学
  • 非常适合旅行
[复选框前卫隐形勾选“MedRX:前卫隐形勾选报价”] MedRX:先锋隐身

  • 基于PC的
  • 全双通道听力计
  • 诊断性气骨传导
  • 现场和录制的完整语音音频
  • 125-8000赫兹
  • 自动测听和高频(20 KHz)选项
[复选框AVANT-A2D“MedRX:AVANT A2D+-勾选报价”] MedRX:AVANT A2D+

  • 基于PC的
  • 全双通道听力计
  • 诊断性气骨传导
  • 全语音音频直播+录制
  • 125-8000赫兹
  • 自动测听
[复选框MedRX Tinnometer“MedRX Tinnometer-勾选报价”] MedRX测锡仪

  • 革命性耳鸣评估
  • 定制刺激
  • 精确控制电平、形状和频率
  • 内置耳鸣报告
  • 保存和回调会话
  • 诺亚兼容
[复选框AD629“AD629-勾选报价”] AD629

  • 诊断性气骨传导
  • 现场和录制的完整语音音频
  • 纯音和颤音
  • 125-8000Hz
  • PC集成与测试选项
  • 可选择进行特殊测试
  • 休森-韦斯特莱克汽车测试公司
  • 高频(20KHz)选项
  • 选项:2通道PC控制模式
  • 选项:QuickSIN&TEN测试
[复选框AC40“AC40-勾选报价”]

AC40

  • 全双通道临床听力计
  • 诊断性气骨传导
  • 现场和录制的完整语音音频
  • 纯音和颤音
  • 125-8000Hz
  • PC集成与测试选项
  • 可选择进行特殊测试
  • 休森-韦斯特莱克汽车测试公司
  • 包括高频(20KHz)
  • 选项:QuickSIN&TEN测试
[复选框MT10“MT10-勾选报价”]

MT10

  • 筛分鼓室计
  • 226Hz探测音
  • 手持设备
  • 热敏打印机
  • 可用
  • 可选同侧反射(0.5-4KHz)
[复选框MedRx-OtoWave-102“MedRx-OtoWave 102-勾选报价”] MedRx耳波102

  • 筛分鼓室计
  • 226Hz探测音
  • 同侧反射(0.5-4KHz)
[复选框OtoWave-202-202H“MedRx OtoWave 102-勾选报价”] MedRx耳波102

  • 筛分鼓室计
  • 226Hz探测音
  • 同侧反射(0.5-4KHz)
[复选框AA222“AA222-勾选报价”] AA222

  • 诊断鼓室计
  • 226赫兹探测音
  • 678、800、1000 Hz探头音调可选
  • 同侧和对侧反射
  • 自动反射测试
  • 反射衰减
  • 咽鼓管功能测试
  • 诊断听力计
  • 空气和骨传导与掩蔽
  • 现场和录制的完整语音音频
  • 纯音和好战的音调
  • 125-8000赫兹
  • PC集成打印
  • 可选择进行特殊测试
  • 休韦斯特莱克