如何在filter vanilla javascript中选中复选框时不显示none？

在filter vanilla JavaScript中选中复选框时不显示"none"，可以通过以下步骤实现：

首先，获取所有的复选框元素。可以使用querySelectorAll方法来选择所有的复选框元素，例如：

const checkboxes = document.querySelectorAll('input[type="checkbox"]');

接下来，为每个复选框元素添加一个事件监听器，以便在复选框状态改变时触发相应的操作。可以使用addEventListener方法来为每个复选框元素添加事件监听器，例如：

checkboxes.forEach(checkbox => {
  checkbox.addEventListener('change', handleCheckboxChange);
});

在事件监听器函数handleCheckboxChange中，可以根据复选框的状态来控制元素的显示与隐藏。可以使用classList属性来添加或移除元素的CSS类，从而改变元素的显示状态。例如，如果复选框被选中，则移除元素的none类，使其显示；如果复选框未被选中，则添加元素的none类，使其隐藏。示例代码如下：

function handleCheckboxChange(event) {
  const checkbox = event.target;
  const elementToToggle = document.getElementById('elementToToggle'); // 替换为需要控制显示与隐藏的元素的ID

  if (checkbox.checked) {
    elementToToggle.classList.remove('none');
  } else {
    elementToToggle.classList.add('none');
  }
}