How to create this Javascript form?

I want to create a form on my website that has 3 radio buttons and when someone clicks on each radio button, a different text paragraph appears.

I know I need to use <div> tag, but I'm not sure how exactly.

I tried to find such a script by searching in Google but they all were just ordinary web forms.

So do you know how I can create such a form using Javascript?

Thanks.

 

I cant give you the code off of the top of my head, but hopefully this will point you in the right direction for more searching.

Basically yes you can use divs to do this - put them in your HTML with all of the text in, but give each a different id and use CSS to make sure each div is set to invisible.

In javascript you can make a small function that will use CSS to make an element visible or invisible - you'll need to use document.getElementById(), then once you have got the element you can change its CSS to invisible, e.g. element.style.display = "none" to hide it etc.

Then you need to add an onclick bit of javascript to each of your radio buttons to call the javascript function to show/hide the divs you want.

Hope that helps - if you need more help say so.

 

I agree with Matt - yes that will work. Based on the instruction that he gave, you will need to position them at the same place.

 

Thank you very much Matt! That was awesome advice. I think I can do it easily now.

 

Hey no problem - I could dig out some working javascript if you need it.