It's not a secret anymore!
The moose likes HTML, CSS and JavaScript and the fly likes Display div's based upon selection of radio Buttons. Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Display div Watch "Display div New topic

Display div's based upon selection of radio Buttons.

Gopi Chand Maddula
Ranch Hand

Joined: May 11, 2010
Posts: 40


I am a newbie in Javascript. I have a requirement of displaying different div's based upon which radio button is selected.

I should forward messages in two ways. either by sms or by mail.
So i have two div's one for sms, another for email and respective radio buttons as well.

if i select sms then i should display div related to sms and if email i should hide the sms div and display the email div.

here is my code

and my java script is

Am i following the right procedure? But it is not working in my browser, but i am not using any IDE.
I think my code have some syntax errors as well, i am unable to debug whats the problem.

Please suggest me to correct my code.

Thanks in Advance,
Eric Pascarello

Joined: Nov 08, 2001
Posts: 15385
ids are singular. You can only have one element with the same id. Give each one their own id [name can stay the same]

You should than used checked.

I’ve looked at a lot of different solutions, and in my humble opinion Aspose is the way to go. Here’s the link:
subject: Display div's based upon selection of radio Buttons.
It's not a secret anymore!