I have a form in Chronoform where there are two checkboxes, when you select the second checkbox, a hidden DIV becomes visible. Inside this hidden DIV there are 12 more checkboxes. At least one of those checkboxes must be selected to move on.
With the first two checkboxes, I am using class="validate['group[1]']" which works great to force the user to choose between the first two options.
I tried using class="validate['group[2]']" on the checkboxes in the hidden DIV, but if the DIV remains hidden, it is still forcing the validation. So you can't move on, unless you open that DIV and select at least one option.
How do I validate the checkboxes in the hidden DIV only if the hidden DIV is opened?
EDIT: you can see the form in action here: http://www.ryanduffdesign.com/form
I am open to using custom scripts like jQuery on the server side, if needed.
I'm not a strong coder, so please go easy on me.