Conditional logic – only show submit button when ANY option selected from radio

[kendavies]

Hi,
First off, great plugin.

I need to ask for advice Is there is a way to use conditional logic to display the submit button when ANY option selected from radio button in a group? As the radio button options will be conditional on the first 2 options they could end up being numerous.

So an example function would be:

> Sector: Education
> Role: Director
> Radio list: [ANY]
= display “submit” button

Here is a link to the current dev. http://bit.ly/2fz98vf

Currently I am using the code which allows the submit on selection of a particular option value. Found at https://support.themecatcher.net/quform-wordpress/guides/advanced/submit-button-conditional-logic

<script>
jQuery(document).ready(function ($) {
var $choices = $(‘.iphorm_1_1’);

function checkConditions()
{
if ($choices.filter(‘:checked’).val() == ‘Yes’) {
$(‘.iphorm-submit-wrap-1’).show();
} else {
$(‘.iphorm-submit-wrap-1’).hide();
}
}

$choices.click(checkConditions);
checkConditions();
});
</script>

Thanks and I look forward to any suggestions

[support]

Hi,

I suggest you ocount the number of radio buttons checked to show the submit button. You could use something like this (notice that I’m using multiple selector) :


<script>
jQuery(document).ready(function ($) {
var $choices = $('.iphorm_1_1, .iphorm_1_8, iphorm_1_12');

function radioClicked()
{
if ($choices.filter(':checked').length > 0) {
$('.iphorm-submit-wrap-1').show();
} else {
$('.iphorm-submit-wrap-1').hide();
}
}

$choices.click(radioClicked);
radioClicked();
});
</script>

Hope this helps,
Regards,

Félix

[kendavies]

That worked perfectly, exactly what I needed. Thanks Félix.

[Author]

Posts