Generate the html for both and give each a different ID (Ex. tbl1 and tbl2). In the second, use the attribute style="DISPLAY: none".
Create a function for the onclick event of each radio button such as:
Radio button 1
onclick="JavaScript: document.all('tbl2').style.display='none'; document.all('tbl1').style.display='block';"
Radio button 2
onclick="JavaScript: document.all('tbl1').style.display='none'; document.all('tbl2').style.display='block';"
Each time a radio button is selected, one table is hidden and one is displayed.
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.