js隐藏列

最新推荐文章于 2024-02-20 13:39:50 发布
最新推荐文章于 2024-02-20 13:39:50 发布
阅读量176 收藏
点赞数
分类专栏： js 文章标签： HTML
<!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 >
iteye_9875
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS制作显示隐藏
weixin_57762662的博客
03-08 5637
打开DW按下CTRL+N新建一个HTML文档； 首先我们在body标签里写好两个button（按钮）标签，在button标签里面分别分别写好显示与隐藏两个字，让我们更好的区分，当然我们也要给它们设好两个不同的id名，为我们写JS代码做铺垫； 3. 接下来我在button标签下面新建一个div来做我们要隐藏显示的对象，当然也别忘了也给它一个id，这里我就给它id名叫box； 4. 随后我们创建一个style，然后在里面设置div的样式属性，这里可以自己找个图片来做为隐藏显示对象，我嫌麻..
js 显示/隐藏某些列
07-26
NULL 博文链接：https://jsufly.iteye.com/blog/650925
js 实现隐藏表格列
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
10-19 5181
js 实现隐藏表格列。动态 渲染列
javascript控制元素隐藏的方法
me_Jackyoyo的博客
06-11 1万+
javascript控制元素隐藏的方法是什么
JQuery ：动态隐藏显示列
一些平时在开发过程中遇到的常见问题，分享给大家
01-16 1045
【代码】JavaScript：Jquery 动态隐藏显示列。
table 选择隐藏列
03-01
在压缩包文件"src"中，如果包含源码，我们可以期待看到相关的HTML、CSS和JavaScript代码示例，这些示例可能展示了如何在实际项目中实现“table 选择隐藏列”的功能。 总之，理解并掌握如何在HTML和CSS中控制表格列...
layui按条件隐藏表格列的实例
10-16
在本文中，我们将深入探讨如何使用layui框架按条件隐藏表格列。layui是一个流行的前端UI框架，它提供了丰富的组件，如表格、表单、分页等，用于构建美观且功能强大的Web应用。在某些情况下，我们可能需要根据特定的...
datatable 隐藏列
03-20
总结起来，`Datatable`隐藏列的方法主要包括在初始化时设置`visible`属性和使用`columns().visible()`方法进行动态控制。同时，配合CSS样式，我们可以打造出符合业务需求且视觉效果良好的数据表格。了解并熟练掌握...
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
10-27
这可能导致用户界面的混乱，尤其是当用户尝试通过列菜单操作这些隐藏列时。 `menuDisabled`属性是用来控制列菜单中某项是否可用的标志。如果设置为`true`，则该列在菜单中将被禁用，用户无法通过菜单来显示或隐藏该...
js设置table列得隐藏与显示
最新发布
weixin_45587504的博客
02-20 1796
车型
js 实现 用JavaScript隐藏或显示表格列
03-31
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
JS-隐藏table中的指定列
咏絮
08-02 3027
/** * table列显示隐藏 * @param tableId * @param columns table列索引 例： 0,1,2,3 * @param type 显示隐藏列 1.显示table列 2.隐藏table列 */ function hideShowTableTd(tableId, columns, type) { var strs = new Array(); //定义一数组 strs = columns.split(","); //字符分割 .
js动态控制表单的tr，td的显示和隐藏
热门推荐
shao.bing的专栏
06-03 7万+
无论是事先写好的，还是动态生成的，要找到指定的tr或td都必须知道其相关的一个属性，未必必须是id或name，然后无论是在一个table还是多个table都可以通过document.getElementsByTagNames( "tr ")或td，取得集合，……再根据知道的属性再找，最后设置显示/隐藏 方法一： document.getElementById( "控件ID
利用js隐藏表格中的一列（采用一列一列隐藏）
小菜的笔记
01-04 2万+
最近在搞web前端，现在显示表格的时候，想隐藏一列。通过js实现。这里是借助别的网友的文章。这里记录一下。 var table = document.getElementById("tab"); var trs = table.rows; for(var i = 0, len = trs.length; i < len; i++){ var cell = trs[i].c
js 动态流沙_JS隐藏行或列（多种可行方法）
weixin_33087827的博客
12-30 837
一、/p>"-//W3C//DTD HTML 4.0 Transitional//EN"> 显示隐藏列border="1">width="20%">00bgcolor="#E3E3E3">01width="20%">02bgcolor="red">10bgcolor="green">11bgcolor="red">12width="20%"&g...
如何在JavaScript中获取隐藏字段的值
一名可爱的技术搬运工
05-21 2417
在JavaScript中，您可以使用以下两种方法来获取表单中的隐藏字段值： document.getElementById（'隐藏字段ID'）。value document.formName.elements ['隐藏字段名称'] .value 在这里查看示例... <html> <body> <script type="text/javasc...
js隐藏table 列
zhuyu19911016520
06-30 7463
var tab = document.getElementById("datatable"); function changeTable(tab){       var trs = tab.rows;       for(var i = 0, len = trs.length; i           var cell = trs[i].cells[3];           cell
JS控制表格列的显示隐藏
m0_63446289的博客
06-23 1897
JS控制表格列的显示隐藏
JS隐藏gridview最后一列
我翱翔的天空
04-06 2199
继上篇《BS下实现打印gridview》 引言：       亲爱的读者，你好。上篇末尾提到了一个精彩部分，gridview的最后一列进行打印时的隐藏。               如果将最后一列打印出来可就不好看了。那怎么解决呢。 具体解决方案： 思路：         打印的时候将其隐藏，打印后再将其显示出来。 JS代码（红色字体）： fun
js控制隐藏列
05-31
要控制隐藏列的显示和隐藏，可以使用 JavaScript 中的 DOM 操作。具体步骤如下： 1. 获取表格元素：可以使用 document.getElementById() 或 document.querySelector() 方法获取表格元素。 2. 获取表格中的列：可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值