JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="checkbox"> Удалить все блоки с классом delete

<div class="delete"></div>
<div class="delete"></div>
<div class="delete"></div>
<div class="delete"></div>
<div class="delete"></div>

CSS

.delete {
  display: block;
  width: 100px;
  height: 100px;
  background-color: green;
  margin: 20px
}

JavaScript

document.querySelector('.checkbox').addEventListener('click', () => {
if (document.querySelector('.checkbox').checked) {
document.querySelectorAll('.delete').forEach(item => item.style.display = 'none')
} else {
document.querySelectorAll('.delete').forEach(item => item.style.display = 'block')
}
    
});