rendered paste body<html>
<head>
<title>Table switching</title>
<script>
function showElement(element, makeVisible) {
element.style.display = (makeVisible ? "block" : "none");
}
function showTable(tableNumber) {
var tab1 = document.getElementById("table1");
var tab2 = document.getElementById("table2");
var tab1Visible = (tableNumber == 1);
showElement(tab1, tab1Visible);
showElement(tab2, !tab1Visible);
}
</script>
</head>
<body>
<form name="a_form">
<input type="radio" name="displayedTable" onclick="showTable(1);">Show table 1
<input type="radio" name="displayedTable" onclick="showTable(2);">Show table 2
<table border="3" id="table1">
<tr><td>I'm table 1, XXX</td></tr>
</table>
<table border="3" id="table2">
<tr><td>I'm table 2, YYY</td></tr>
</table>
</form>
<script>
showTable(1);
</script>
</body>
</html>