js隐藏列

最新推荐文章于 2024-02-20 13:39:50 发布

Arthur0088

最新推荐文章于 2024-02-20 13:39:50 发布

阅读量184

点赞数

分类专栏： JavaScript 文章标签： UI J# JavaScript HTML ViewUI

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN" > 
<HTML > 
<HEAD > 
<TITLE >New   Document</TITLE > 
<script   language="javascript" > 
function   filterOnclick() 
{ 
if(filter.value =="filter") 
{ 
filter.value = "recover"; 
for(i=0; i <5;i++) 
{ 
if(Checkbox1[i].checked == false) 
{ 
for(j=0;j <Table1.rows.length;j++) 
{ 
Table1.rows(j).cells(i).style.display= "none"; 
} 
} 
} 
} 
else if(filter.value  ==  "recover") 
{ 
filter.value = "filter"; 
for(i=0; i <5;i++) 
{ 
Checkbox1[i].checked   =   false; 
for(j=0;j <Table1.rows.length;j++) 
{ 
Table1.rows(j).cells(i).style.display= "block"; 
} 
} 
} 
} 
</script > 
</HEAD > 
<BODY > 
<P > 
<TABLE   id="Table1"   cellSpacing="1"   cellPadding="1"   width="300"   border="1" > 
  <TR > 
    <TD   width="20%" ><INPUT   id="Checkbox1"   type="checkbox"   name="Checkbox1" > 
    </TD > 
    <TD   width="20%" ><INPUT   id="Checkbox2"   type="checkbox"   name="Checkbox1" > 
    </TD > 
    <TD   width="20%" ><INPUT   id="Checkbox3"   type="checkbox"   name="Checkbox1" > 
    </TD > 
    <TD   width="20%" ><INPUT   id="Checkbox4"   type="checkbox"   name="Checkbox1" > 
    </TD > 
    <TD   width="20%" ><INPUT   id="Checkbox5"   type="checkbox"   name="Checkbox1" > 
    </TD > 
  </TR > 
  <TR > 
    <TD   width="20%" ><FONT   face="MS   UI   Gothic" >商品 </FONT > </TD > 
    <TD   width="20%" ><FONT   face="MS   UI   Gothic" >単価 </FONT > </TD > 
    <TD   width="20%" ><FONT   face="MS   UI   Gothic" >规格 </FONT > </TD > 
    <TD   width="20%" ><FONT   face="MS   UI   Gothic" >単位 </FONT > </TD > 
    <TD   width="20%" ><FONT   face="MS   UI   Gothic" >类别 </FONT > </TD > 
  </TR > 
  <TR > 
    <TD   width="20%" >aa </TD > 
    <TD   width="20%" >1.00 </TD > 
    <TD   width="20%" >guige1 </TD > 
    <TD   width="20%" >个 </TD > 
    <TD   width="20%" >食品 </TD > 
  </TR > 
  <TR > 
    <TD   width="20%" >bb </TD > 
    <TD   width="20%" >1.50 </TD > 
    <TD   width="20%" >guige2 </TD > 
    <TD   width="20%" >台 </TD > 
    <TD   width="20%" >果物 </TD > 
  </TR > 
  <TR > 
    <TD   width="20%" >cc </TD > 
    <TD   width="20%" >1.00 </TD > 
    <TD   width="20%" >guige3 </TD > 
    <TD   width="20%" >人 </TD > 
    <TD   width="20%" >野菜 </TD > 
  </TR > 
</TABLE > 
</P > 
<INPUT   id="filter"   type="button"   value="filter"   name="Button1"   οnclick="filterOnclick()" > 
</BODY > 
</HTML >

Arthur0088

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js隐藏列

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" &gt; &lt;HTML &gt; &lt;HEAD &gt; &lt;TITLE &gt;New Document&lt;/TITLE &gt; &lt;script language="javascript&q
复制链接

扫一扫