Hiding a parent div based on all child inputs being disabled

I am trying to {display:none} on class=”filter-form__group” only if ALL child Input’s are ‘disabled’.

<div class="filter-form__group">
  <div class="filter-form__group-filter-wrapper" data-filter-type="list">
    <div class="filter-form__list-wrapper">
      <ul class="filter-form__list">
        <li class="filter-item">
          <label data-filter-item="" class="filter-item__content">
            <input type="checkbox" value="Luggage" disabled>
          </label>
        </li>
        <li class="filter-item">
          <label data-filter-item="" class="filter-item__content">
            <input type="checkbox" value="Motorcycle" disabled>
          </label>
        </li>
      </ul>
    </div>
  </div>
</div>

Thanks!

I tried some CSS but they do not seem to work and I believe this may have to be done in JS.