Hi,
I am trying few things using HTML and facing some problems hope some one can help me in this.
My requirement.
I have got a series of radio buttons and checkboxes, however on page load the user should see only the first radio button, as soon as the user clicks on the first radio button, the next radio button should appear below the first radio button and so on ?
From this I have undustood is that my each radio button should be in the div tag, I have done that but somehow i am not able to call the next radio button.
can someone explain how the same can be done.
thanks

Maybe you must to put the dislpay property of all radio buttons, except the first, as 'none':

<input type="radio" style="display:none" />

and put a javascript code in onclick event that set the next radio button property display to 'block' or '';

<input type="radio" onclick="docuement.getElementById('idFromNextRadio ').style.display = '';" />

You must to find a method to make this automatically if there is much radios.
Another good if you place all radios toghether is to use the DOM nextNode or similar, but it not work fine in all browsers.

Another thing you can do is create a javascript function at the top, a series of them, and on the onClick events for radio and checkboxes, have them show the next based on the user input... sounds more complicated than it is... there are examples of this at:
http://www.javascriptkit.com
Old one but a good one