Question

html问题：求大神解答，三个按钮，每个按钮控制一个表格，页面始终只有一个表格

开始的页面有三个按钮,点击任意一个按钮出现对应的表格.始终只有一个表格在页面显示.也就是说当一个表格显示的时候,另外两个表格消失

Answer 1

如下代码可以实现，基本功能在这，你只用稍微修改一下就可以了：

<script>
	function Cmd(v){
		for(var i = 1; i <= 3; i++){
			if(i == v)
				document.getElementById("table" + i).style.display = "";
			else
				document.getElementById("table" + i).style.display = "none";
		}
		
	}
</script>
<input type="button" value="表格1" onclick="Cmd(1)" />
<input type="button" value="表格2" onclick="Cmd(2)" />
<input type="button" value="表格3" onclick="Cmd(3)" />
<div>
	<table id="table1">
		<tr><td>这是表格1</td></tr>
	</table>
	<table id="table2" style="display:none;">
		<tr><td>这是表格2</td></tr>
		<tr><td>这是表格2</td></tr>
	</table>
	<table id="table3" style="display:none;">
		<tr><td>这是表格3</td></tr>
		<tr><td>这是表格3</td></tr>
		<tr><td>这是表格3</td></tr>
	</table>
</div>

Answer 2

tab标签页，需要使用jq，你可以百度“tab标签页”，可以搜到很多源码