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

[zhaoyy12345]

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

[zhaoyy12345]

引用 1 楼 ambit_tsai 的回复:

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

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

就是那种 复选框，input checkbox 勾选后显示 取消勾选后隐藏，这个地方要怎么写~

[天际的海浪]

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

[zhaoyy12345]

引用 3 楼 jslang 的回复:

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

这个我之前就用了但是只有表格消失，表头还在，是不是因为我用Layui的关系啊？

[天际的海浪]

引用 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]

引用 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]

引用 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]
刚发现二级表头消失的不对 -。- 。 有两级表头，能分开设置嘛

[ambit_tsai-微信]

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

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