87,988
社区成员
发帖
与我相关
我的任务
分享■■请教：如何控制TABLE中的某列数据隐藏和显示，请看例子：■■
<TABLE>
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
如何制作一个函数，把“审核”这一列隐藏，和显示出来2个功能？
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
如何制作一个函数，把“审核”这一列隐藏，和显示出来2个功能？
...全文
请发表友善的回复…
发表回复
meizz 2003-08-17
- 打赏
- 举报
<table border=1 width=200>
<colgroup>
<col id=col1>
<col id=col2>
</colgroup>
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button value=隐藏与显示某一列
onclick="col2.style.display=col2.style.display=='none'?'':'none'">
你先把每个 col 都赋上一个ID, 然后你再想隐藏哪一个就隐藏哪一个
<colgroup>
<col id=col1>
<col id=col2>
</colgroup>
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button value=隐藏与显示某一列
onclick="col2.style.display=col2.style.display=='none'?'':'none'">
你先把每个 col 都赋上一个ID, 然后你再想隐藏哪一个就隐藏哪一个
gemmyfang 2003-08-09
- 打赏
- 举报
function hidden(obj) {
obj.style.display = "none";
}
function show(obj) {
obj.style.display = "";
}
obj.style.display = "none";
}
function show(obj) {
obj.style.display = "";
}
awaysrain 2003-08-09
- 打赏
- 举报
学习
meizz 2003-08-09
- 打赏
- 举报
用不着这么麻烦的呀, 用用HTML代码里的 colgroup 和 col 标签吧.
<table border=1 width=200>
<colgroup>
<col id=mm>
<col>
</colgroup>
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button value=隐藏与显示某一列
onclick="mm.style.display=mm.style.display=='none'?'':'none'">
<table border=1 width=200>
<colgroup>
<col id=mm>
<col>
</colgroup>
<TR>
<TD>姓名</TD>
<TD>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button value=隐藏与显示某一列
onclick="mm.style.display=mm.style.display=='none'?'':'none'">
awaysrain 2003-08-09
- 打赏
- 举报
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function hiddenRow(row)
{
tab1.rows[row].style.display="none"
}
function hiddenCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display="none"
}
}
function showRow(row)
{
tab1.rows[row].style.display=""
}
function showCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display=""
}
}
</script>
</head>
<body>
<table width="301" border="1" cellpadding="5" cellspacing="0" id="tab1">
<tr>
<td width="47">1</td>
<td width="47">2</td>
<td width="47">3</td>
<td width="47">4</td>
<td width="51">5</td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="29">4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input type="button" name="Button" value="隐藏第2行" onClick="hiddenRow(1)">
<input type="button" name="Submit2" value="隐藏第2列" onClick="hiddenCol(1)">
<input type="submit" name="Submit" value="显示第2行" onClick="showRow(1)">
<input type="submit" name="Submit3" value="显示第2列" onClick="showCol(1)">
</p>
</body>
</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function hiddenRow(row)
{
tab1.rows[row].style.display="none"
}
function hiddenCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display="none"
}
}
function showRow(row)
{
tab1.rows[row].style.display=""
}
function showCol(col)
{
for(i=0;i<tab1.rows.length;i++)
{
tab1.rows[i].cells[col].style.display=""
}
}
</script>
</head>
<body>
<table width="301" border="1" cellpadding="5" cellspacing="0" id="tab1">
<tr>
<td width="47">1</td>
<td width="47">2</td>
<td width="47">3</td>
<td width="47">4</td>
<td width="51">5</td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="29">4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p>
<input type="button" name="Button" value="隐藏第2行" onClick="hiddenRow(1)">
<input type="button" name="Submit2" value="隐藏第2列" onClick="hiddenCol(1)">
<input type="submit" name="Submit" value="显示第2行" onClick="showRow(1)">
<input type="submit" name="Submit3" value="显示第2列" onClick="showCol(1)">
</p>
</body>
</html>
shyslysky 2003-08-09
- 打赏
- 举报
<TABLE id =tb1 height="64" border=1>
<TR>
<TD>姓名</TD>
<TD id="td1" >审核 </TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type="button" onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';tb1.border=td1.style.visibility=='hidden'?0 :1;" value="显示或隐藏<审核>">
<TR>
<TD>姓名</TD>
<TD id="td1" >审核 </TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type="button" onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';tb1.border=td1.style.visibility=='hidden'?0 :1;" value="显示或隐藏<审核>">
yyhyan 2003-08-09
- 打赏
- 举报
■■ shyslysky(飞天) ■■
<TABLE border=1>
<TR>
<TD>姓名</TD>
<TD id=td1>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD id=td11>是</TD>
</TR>
</TABLE>
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';td11.style.visibility=td11.style.visibility=='hidden'?'visible':'hidden'" value="显示或隐藏<审核>">
我改了一下，但是隐藏了这一列，表格线仍然显示出来了，我要求将这列和表格线完全隐藏啊
<TABLE border=1>
<TR>
<TD>姓名</TD>
<TD id=td1>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD id=td11>是</TD>
</TR>
</TABLE>
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden';td11.style.visibility=td11.style.visibility=='hidden'?'visible':'hidden'" value="显示或隐藏<审核>">
我改了一下，但是隐藏了这一列，表格线仍然显示出来了，我要求将这列和表格线完全隐藏啊
shyslysky 2003-08-09
- 打赏
- 举报
<TABLE>
<TR>
<TD>姓名</TD>
<TD id=td1>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'" value="显示或隐藏<审核>">
<TR>
<TD>姓名</TD>
<TD id=td1>审核</TD>
</TR>
<TR>
<TD>李明</TD>
<TD>是</TD>
</TR>
</TABLE>
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'" value="显示或隐藏<审核>">
shyslysky 2003-08-09
- 打赏
- 举报
<TD id=td1>审核</TD>
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'">
<input type=button onclick="td1.style.visibility=td1.style.visibility=='hidden'?'visible':'hidden'">
