Css 使用复选框筛选

我有这个网站：

如你所见，我有两张桌子。如果可能的话，我需要的是使用一些复选框（如“表1”和“表2”）在相同的位置隐藏和显示表

我想我必须把这两个表放在同一个

中，但是接下来呢

---

我怎样才能做到这一点呢？

你可以用几种方法来做到这一点，但我想到的是：

为每个表指定一个单独的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获得更大的动态性，但如果我正确理解了您的问题，那么这应该是可行的