使用复选框过滤

Question

我有这个网站：http://ba.nowcommu.myhostpoint.ch/table.html

如你所见，我有两张桌子。如果可能的话，我需要的是使用一些复选框隐藏和显示相同位置的表格，例如＆＃34;表1和＃34;和＆＃34;表2＆＃34;。

我认为我必须将2个表放在同一个<div>中，但那又是什么？

我该怎么做？

Answer 1

你可以通过几种方式做到这一点，但这里有一些想法：

为每个表提供一个单独的ID（id =“table1”和id =“table2”）。

然后创建两个复选框并为其指定唯一ID。

$('#checkbox1').on('click', function(event) {
  $('#table1').toggle($('#checkbox1').is(":checked"));
});
$('#checkbox2').on('click', function(event) {
  $('#table2').toggle($('#checkbox2').is(":checked"));
});

您可以使用JavaScript获得更多动态，但如果我正确理解您的问题，那么这应该可行。