求助，js控制表格显示的问题

来源：百度知道 编辑：UC知道 时间：2024/05/22 17:08:19
初学js，想用复选框来控制表格的显示

例如多个复选框，选中其中若干复选框则在页面下方显示相应的若干表格，不选取复选框时，隐藏相应的表格

求代码，谢谢高手帮助

给表格指定个id，然后用check的onclick事件来实现表格的显示与否，给你一个做例子，其余的照写就是了。
<script language=javascript>
function displayTable()
{
var oCheck = document.getElementById("ck1").checked;
var oTable = document.getElementById("tab1");
if(oCheck)
{
oTable.style.display = "";
}
else
{
oTable.style.display = "none";
}
}
</script>
<input type="checkbox" id="ck1" onclick="displayTable()">
<table id="tab1" width=100 height=100 bgcolor="red" style="display:none">
<tr><td>
</td></tr>
</table>