JSFiddle - React, Tailwind, and code Playground

by Martiens Kropff

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div class="filterLevel3">
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
</div>
<div class="filterLevelOther">
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

CSS

.filterLevel3 {
  display: none;
}

.filterlevelOther {
  display: inline;
}

input[type=checkbox] {
  background-color: red;
  display: block;
}

JavaScript

$('input[type=checkbox]').each(function() {
  if ($(this).parent().css('display') !== 'none') {
    $(this).prop('checked', true);
  }
});