复选框选中怎么实现表格一列的增加与隐藏

zhaoyy12345 2018-07-03 12:01:53
最好用jquery 来实现, 求代码,3Q
...全文
128 点赞 收藏 7
写回复
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
话说,是不是要显示与隐藏?

$('table tr>td:nth-of-type(1)').show(); // 显示第一列
$('table tr>td:nth-of-type(1)').hide(); // 隐藏第一列
回复
zhaoyy12345 2018-07-03
引用 5 楼 jslang 的回复:
[quote=引用 4 楼 zhaoyy12345 的回复:]
[quote=引用 3 楼 jslang 的回复:]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1)').toggle($(this).prop("checked"));
});

这个我之前就用了但是只有表格消失,表头还在,是不是因为我用Layui的关系啊?[/quote]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1), #tableID tr>th:nth-of-type(1)').toggle($(this).prop("checked"));
});

[/quote]
刚发现二级表头消失的不对 -。- 。 有两级表头,能分开设置嘛
回复
zhaoyy12345 2018-07-03
引用 5 楼 jslang 的回复:
[quote=引用 4 楼 zhaoyy12345 的回复:]
[quote=引用 3 楼 jslang 的回复:]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1)').toggle($(this).prop("checked"));
});

这个我之前就用了但是只有表格消失,表头还在,是不是因为我用Layui的关系啊?[/quote]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1), #tableID tr>th:nth-of-type(1)').toggle($(this).prop("checked"));
});

[/quote]
好了好了,谢谢大佬。
回复
天际的海浪 2018-07-03
引用 4 楼 zhaoyy12345 的回复:
[quote=引用 3 楼 jslang 的回复:]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1)').toggle($(this).prop("checked"));
});

这个我之前就用了但是只有表格消失,表头还在,是不是因为我用Layui的关系啊?[/quote]

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1), #tableID tr>th:nth-of-type(1)').toggle($(this).prop("checked"));
});

回复
zhaoyy12345 2018-07-03
引用 3 楼 jslang 的回复:

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1)').toggle($(this).prop("checked"));
});

这个我之前就用了但是只有表格消失,表头还在,是不是因为我用Layui的关系啊?
回复
天际的海浪 2018-07-03

$("#inputID").change(function(event){
$('#tableID tr>td:nth-of-type(1)').toggle($(this).prop("checked"));
});
回复
zhaoyy12345 2018-07-03
引用 1 楼 ambit_tsai 的回复:
话说,是不是要显示与隐藏?

$('table tr>td:nth-of-type(1)').show(); // 显示第一列
$('table tr>td:nth-of-type(1)').hide(); // 隐藏第一列

就是那种 复选框,input checkbox 勾选后显示 取消勾选后隐藏,这个地方要怎么写~
回复
发动态
发帖子
JavaScript
创建于2007-09-28

8.4w+

社区成员

Web 开发 JavaScript
申请成为版主
社区公告
暂无公告