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

2018-07-03 12:01:53 300 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

js获得表格多行数据（多选框） // 取得table行数据 function get_table_data(tid) { var t_data = "["; var flg = true; var td_data_temp = ""; //tr $("#" + tid).find("tr").each(function(i) { if ( 阅读详情

最好用jquery 来实现，求代码，3Q

...全文

Linux 系统管理员必备：Chrome 企业版离线部署全攻略（含 RPM/DEB 双版本）本文详细介绍了Linux系统管理员如何离线部署Chrome企业版，涵盖RPM和DEB双版本。从获取官方离线安装包到静默安装、权限配置及企业级策略管理，提供全流程解决方案，特别适合Ubuntu等DEB系系统管理员参考。阅读详情

zhaoyy12345

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

ambit_tsai-微信 2018-07-03

打赏
举报

话说，是不是要显示与隐藏？



$('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 勾选后显示取消勾选后隐藏，这个地方要怎么写~

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

相关推荐