过滤多个复选框角度

// HTML代码
<input type="checkbox" id="checkbox1" value="option1">选项1
<input type="checkbox" id="checkbox2" value="option2">选项2
<input type="checkbox" id="checkbox3" value="option3">选项3

<ul id="dataList">
  <li data-tags="option1">数据1</li>
  <li data-tags="option2">数据2</li>
  <li data-tags="option3">数据3</li>
  <li data-tags="option1 option2">数据4</li>
  <li data-tags="option2 option3">数据5</li>
</ul>

// JavaScript代码
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const dataList = document.getElementById('dataList');

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

function filterData() {
  const selectedOptions = Array.from(checkboxes)
    .filter(checkbox => checkbox.checked)
    .map(checkbox => checkbox.value);

  dataList.querySelectorAll('li').forEach(li => {
    const tags = li.getAttribute('data-tags').split(' ');
    if (selectedOptions.every(option => tags.includes(option))) {
      li.style.display = 'block';
    } else {
      li.style.display = 'none';
    }
  });
}