Event on dropdown/checkbox selection

Hi i need to create a form in this way but i don't know how to do it:

The form should has 2 main users that can be choose:
For example:

Choose user type:
(dropdown or checkbox)

[list]MAN
WOMAN
[/list]

If i choose MAN the form should show me the checkboxes:
Age 20-35
Age 30-50

But if i choose WOMAN the form should show me the checkboxes:
Weight 40-50
Weight 50-60

Then the fomr will have the classic fields:
Name, phone, email, etc.

So i need a filter in the beginning to choose if the user is a man or a woman and in case of man some checkboxes and in case of woman others

How can i do it?

Thx

Luca

Hi Luca,

You can do this with custom JavaScript. There is a simple example in this FAQ and others in the forums here.

Bob

Hi,

This can be done easily in v5

Regards,
Max

I did it with Chronoform v5, thanks a lot

Regards
Luca

Hi, set chronoform 5 with a dropdown menu with 3 values and 2 checkboxes groups:

Dropdown: Select, Man, Woman

Checkboxes: 1 (yes/no) , 2 (20/30)

so that if i select the "select" the system hide the 2 groups, if i select "Man" show checkbox 1 and 2, if i select "Woman" show me checkbox 2.

It works but:

There's a way so that if i select the for example "woman" and the system reset the first checkbox group 1?
Because now if i select "man" and choose for example "yes" and "30", if after i select "Woman" choose "20" and click on submit button, the system send me an email with:

Select: Woman
1: Yes
2: 20

I need in this case to reset che checkbox 1 so that i shoul receive:

Select: Woman
1:
2: 20

It's little bit complicate, i don't know if you understand it

Thanks

You can do this by adding a new event with a custom function, the function name can be anything, for example: reset_fld

And add this code to a "Load JS" action:

function reset_fld(){
jQuery("input[name^=field_name]").prop("checked", false);
}

Just replace the "field_name" in the code!

Regards,
Max

I'm sorry but i don't understand😟 . I need to reset checkbox group number one if in the dropdown menu i select "Woman".
How can i do it?

Thx

I did it in this way.

in Load JS i added the code:

function reset_fld(){
jQuery("input[name^=man]").prop("checked", false);
}

Then on the dropdown menu, in events i set this event:

= Select - function- reset_fld

Unfortunatly it doesn't work, if i select "man", check "yes" , then select "Select" the man checkboxes remain checked...

Please send me the form link so I can check it!