表隐藏通过复选框

Question

我正在尝试隐藏未选中复选框时的表格。我做错了因为它不起作用了！

什么不见了？

这是我的表类

<table class="table table-bordered invoiced">

这是我的javascript

  $("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();
});

这是我的复选框类

<th><input name="invoiced" type="checkbox" checked> Invoiced Out</th>

Answer 1

您的复选框没有名称属性，因此我更改了它以获得课程，您还可以在点击功能中使用表格和课程之间的空格JSFiddle

$("input:checkbox").click(function(){        
  var column = "table." + $(this).attr("class");
  $(column).toggle();
});