Question

HTML 页面中有一个TABLE，如何通过一个CheckBox控制某一列是否显示

7. HTML 页面中有一个TABLE，如何通过一个CheckBox控制某一列是否显示，请用JavaScript写出（如有需要可修改Html代码）。HTML页面的代码如下：
<input type=”checkbox”>
<table>
<tr>
<td>name1</td>
<td>address1</td>
</tr>
<tr>
<td>name2</td>
<td>address2</td>
</tr>
</table>

Answer 1

测试成功：

<script>
function aa(){
h=document.getElementById("t1");
h.style.visibility=(h.style.visibility=="visible")?"hidden":"visible";
}
</script>

<table>
<tr>
<td id="t1" style="visibility:visible">name1</td>
<td>address1</td>
</tr>
<tr>
<td>name2</td>
<td>address2</td>
</tr>
</table>

<input type="checkbox" name="c1" onclick="aa()">选中隐藏name1