通过使用jQuery选中一个复选框，自动隐藏表列
我想显示3个预先选中的复选框，但只要用户取消选中一个框，相关列就会消失。
First Name
Last Name
Email
呈现表格的html
First Name Last Name Email Larry Hughes larry@gmail.com Mike Tyson mike@gmail.com
我想这将与实时点击事件有关，将每个类设置为.hide（）
任何帮助表示赞赏
要为默认隐藏的复选框（页面加载）自动隐藏列，请使用以下代码和click元素切换列：
$("input:checkbox:not(:checked)").each(function() { var column = "table ." + $(this).attr("name"); $(column).hide(); }); $("input:checkbox").click(function(){ var column = "table ." + $(this).attr("name"); $(column).toggle(); });
演示： http ： //jsfiddle.net/highwayoflife/8BahZ/4/
此示例还使用了一个选择器，如：$（’table .class_name’）; 如果你在更大的页面上使用代码，它将是一个更快的选择器，因为它不必搜索每个DOM元素来查找类名，它只在表下查找。
$("input:checkbox").click(function(){ var column = "."+$(this).attr("name"); $(column).toggle(); });
UPDATE
在这里查看在线演示： http ： //jsfiddle.net/8BahZ/