Issue with Conditional Logic Trigger for Radio Input Options
-
Hello YayCommerce Support Team,
I am experiencing an issue with the conditional logic feature when using radio input options in YayCommerce. Currently, the conditional logic is triggered only when the label is clicked, but not when the radio circle itself is selected.
Here is a code example of my setup:
<div class="yayextra-option-field-wrap" data-option-field-id="120aaa32-a149-4246-8240-fc36de943d7d" data-option-field-type="radio" style="display: block;">
<div class="yayextra-option-field-name">
<span>Ist Ihre HU/TüV noch gültig?</span><span style="color: red"> *</span>
</div>
<div class="">
<span class="">
<input id="120aaa32-a149-4246-8240-fc36de943d7d0" name="option_field_data[996156][120aaa32-a149-4246-8240-fc36de943d7d]" class="yayextra-field-required" type="radio" data-addition-cost="0" value="Ja" checked="" control-id="ControlID-9" data-gtm-form-interact-field-id="5">
</span>
<label class="yayextra-option-field-label" for="120aaa32-a149-4246-8240-fc36de943d7d0">Ja</label>
</div>
<div class="">
<span class="">
<input id="120aaa32-a149-4246-8240-fc36de943d7d1" name="option_field_data[996156][120aaa32-a149-4246-8240-fc36de943d7d]" class="yayextra-field-required" type="radio" data-addition-cost="0" value="Nein" control-id="ControlID-10" data-gtm-form-interact-field-id="4">
</span>
<label class="yayextra-option-field-label" for="120aaa32-a149-4246-8240-fc36de943d7d1">Nein</label>
</div>
</div>The conditional logic setup works fine when I click on the label text, but nothing happens when I click directly on the radio button (input). This is causing issues in user experience, as many users tend to click on the radio circle itself rather than the label.
Could you please assist me in configuring the settings so that the conditional logic is triggered by clicking either the radio input or the label?
Thank you for your assistance.
- You must be logged in to reply to this topic.