JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="check" onclick="toggleBoxVisibility()">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS

.box {
    background: lightblue;
    width: 200px;
    height: 200px;
    display: inline-block;
}

JavaScript

function toggleBoxVisibility() {

  if (document.querySelector(".check").checked == true) {

    document.querySelector(".box").style.opacity = '0';

  } else {

    document.querySelector(".box").style.opacity = '1';

  }
}