jQuery .siblings（）正在选择不同的父母兄弟

Question

您好我正在尝试选择一个标签元素的单个兄弟，但它选择了不同的父母兄弟。

这是我的代码：

$('.wpas-checkbox-container label').on('click', function() {
  var $$ = $(this);
  if (!$$.is('.checked')) {
    $$.addClass('checked');
    $$.siblings('input.wpas-checkbox').prop('checked', true);
  } else {
    $$.removeClass('checked');
    $$.siblings('input.wpas-checkbox').prop('checked', false);
  }
});

.checked {
  border: solid 2px red
}

.wp-advanced-search .wpas-checkbox {
 /*  height: 0;
  width: 0; */
}
.js-wpas-basic-multiple {
    display: inline-grid;
    width: 33.33%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="wp-advanced-search" name="wp-advanced-search" class="wp-advanced-search wpas-debug-enabled" method="GET" action="/programming/">
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple target-areas">
    <div class="wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="adductors">
      <label for="wpas-tax_programming-category-checkbox-"> Adductors</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="anklesfeet">
      <label for="wpas-tax_programming-category-checkbox-1"> Ankles/Feet</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="calves">
      <label for="wpas-tax_programming-category-checkbox-2"> Calves</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="diaphragm">
      <label for="wpas-tax_programming-category-checkbox-3"> Diaphragm</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="forearms">
      <label for="wpas-tax_programming-category-checkbox-4"> Forearms</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hamstrings">
      <label for="wpas-tax_programming-category-checkbox-5"> Hamstrings</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hip-flexors">
      <label for="wpas-tax_programming-category-checkbox-6"> Hip flexors</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-7-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-7" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hips">
      <label for="wpas-tax_programming-category-checkbox-7"> Hips</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-8-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-8" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="knees">
      <label for="wpas-tax_programming-category-checkbox-8"> Knees</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-9-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-9" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="lats">
      <label for="wpas-tax_programming-category-checkbox-9"> Lats</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-10-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-10" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="neck">
      <label for="wpas-tax_programming-category-checkbox-10"> Neck</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-11-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-11" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="t-spine">
      <label for="wpas-tax_programming-category-checkbox-11"> T-spine</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-12-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-12" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="target-areas">
      <label for="wpas-tax_programming-category-checkbox-12"> Target Areas</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-13-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-13" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="traps">
      <label for="wpas-tax_programming-category-checkbox-13"> Traps</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-14-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-14" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="triceps">
      <label for="wpas-tax_programming-category-checkbox-14"> Triceps</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-15-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-15" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="upper-body">
      <label for="wpas-tax_programming-category-checkbox-15"> Upper body</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-16-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-16" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="wristshands">
      <label for="wpas-tax_programming-category-checkbox-16"> Wrists/Hands</label>
    </div>
  </div>
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple movements">
    <div class="wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="bench-press">
      <label for="wpas-tax_programming-category-checkbox-"> Bench press</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="clean">
      <label for="wpas-tax_programming-category-checkbox-1"> Clean</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="front-squat">
      <label for="wpas-tax_programming-category-checkbox-2"> Front Squat</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="handstand">
      <label for="wpas-tax_programming-category-checkbox-3"> Handstand</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="handstand-push-ups">
      <label for="wpas-tax_programming-category-checkbox-4"> Handstand push-ups</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="movements">
      <label for="wpas-tax_programming-category-checkbox-5"> Movements</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="over-head">
      <label for="wpas-tax_programming-category-checkbox-6"> Over head</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-7-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-7" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="overhead-squat">
      <label for="wpas-tax_programming-category-checkbox-7"> Overhead Squat</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-8-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-8" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="throwing">
      <label for="wpas-tax_programming-category-checkbox-8"> Throwing</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-9-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-9" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="thrusters">
      <label for="wpas-tax_programming-category-checkbox-9"> Thrusters</label>
    </div>
  </div>
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple equipments">
    <div class="wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="barbell">
      <label for="wpas-tax_programming-category-checkbox-"> Barbell</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="box">
      <label for="wpas-tax_programming-category-checkbox-1"> Box</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="dumbbell">
      <label for="wpas-tax_programming-category-checkbox-2"> Dumbbell</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="equipment">
      <label for="wpas-tax_programming-category-checkbox-3"> Equipment</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="kettle-bell">
      <label for="wpas-tax_programming-category-checkbox-4"> Kettle bell</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="long-bands">
      <label for="wpas-tax_programming-category-checkbox-5"> Long bands</label>
    </div>
    <div class="wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="short-bands">
      <label for="wpas-tax_programming-category-checkbox-6"> Short bands</label>
    </div>
  </div>
  <input type="hidden" name="orderby" value="Date Added">
  <div class="label-container">
    <label for="order">Sort By</label>
  </div>
  <select id="order" name="order" class="wpas-select orderbyselector">
    <option value="ASC">Oldest First</option>
    <option value="DESC" selected="selected">Newest First</option>
  </select>
  <input type="submit" class="wpas-submit button" value="Apply Filters">
  <button class="wpas-clear button">Clear Filters</button>
  <input type="hidden" id="wpas-id" name="wpas_id" value="programming-category-filter">
  <input type="hidden" name="wpas_submit" value="1">
</form>

尝试点击第二列上的任何元素。

Answer 1

ID必须是唯一的，但您在每个DIV中使用相同的ID来复选框。在下面的代码中，我已经更改了复选框的ID，以便在每个DIV中使用不同的前缀。

此外，$$.is(':checked')不适用于标签，该属性属于相关的复选框。但是您不需要选中代码中的复选框，因为您在标签中有for属性，因此会自动执行此操作。当代码选中该复选框时，当click事件进入复选框时，它将被取消选中。

请注意，将事件处理程序放在标签上意味着只有在用户单击标签时才会突出显示，而不是在他们单击复选框本身时。您可以通过将事件处理程序放在复选框上然后将类添加到label兄弟中，或者通过将标签包装在复选框周围而不是将它们作为兄弟节点来解决这个问题。

$('.wpas-checkbox-container label').on('click', function() {
  var $$ = $(this);
  if (!$$.siblings('input.wpas-checkbox').is(':checked')) {
    $$.addClass('checked');
  } else {
    $$.removeClass('checked');
  }
});

.checked {
  border: solid 2px red
}

.wp-advanced-search .wpas-checkbox {
 /*  height: 0;
  width: 0; */
}
.js-wpas-basic-multiple {
    display: inline-grid;
    width: 33.33%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="wp-advanced-search" name="wp-advanced-search" class="wp-advanced-search wpas-debug-enabled" method="GET" action="/programming/">
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple target-areas">
    <div class="div1-wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="adductors">
      <label for="div1-wpas-tax_programming-category-checkbox-"> Adductors</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="anklesfeet">
      <label for="div1-wpas-tax_programming-category-checkbox-1"> Ankles/Feet</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="calves">
      <label for="div1-wpas-tax_programming-category-checkbox-2"> Calves</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="diaphragm">
      <label for="div1-wpas-tax_programming-category-checkbox-3"> Diaphragm</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="forearms">
      <label for="div1-wpas-tax_programming-category-checkbox-4"> Forearms</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hamstrings">
      <label for="div1-wpas-tax_programming-category-checkbox-5"> Hamstrings</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hip-flexors">
      <label for="div1-wpas-tax_programming-category-checkbox-6"> Hip flexors</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-7-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-7" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="hips">
      <label for="div1-wpas-tax_programming-category-checkbox-7"> Hips</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-8-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-8" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="knees">
      <label for="div1-wpas-tax_programming-category-checkbox-8"> Knees</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-9-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-9" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="lats">
      <label for="div1-wpas-tax_programming-category-checkbox-9"> Lats</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-10-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-10" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="neck">
      <label for="div1-wpas-tax_programming-category-checkbox-10"> Neck</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-11-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-11" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="t-spine">
      <label for="div1-wpas-tax_programming-category-checkbox-11"> T-spine</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-12-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-12" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="target-areas">
      <label for="div1-wpas-tax_programming-category-checkbox-12"> Target Areas</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-13-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-13" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="traps">
      <label for="div1-wpas-tax_programming-category-checkbox-13"> Traps</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-14-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-14" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="triceps">
      <label for="div1-wpas-tax_programming-category-checkbox-14"> Triceps</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-15-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-15" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="upper-body">
      <label for="div1-wpas-tax_programming-category-checkbox-15"> Upper body</label>
    </div>
    <div class="div1-wpas-tax_programming-category-checkbox-16-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div1-wpas-tax_programming-category-checkbox-16" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="wristshands">
      <label for="div1-wpas-tax_programming-category-checkbox-16"> Wrists/Hands</label>
    </div>
  </div>
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple movements">
    <div class="div2-wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="bench-press">
      <label for="div2-wpas-tax_programming-category-checkbox-"> Bench press</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="clean">
      <label for="div2-wpas-tax_programming-category-checkbox-1"> Clean</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="front-squat">
      <label for="div2-wpas-tax_programming-category-checkbox-2"> Front Squat</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="handstand">
      <label for="div2-wpas-tax_programming-category-checkbox-3"> Handstand</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="handstand-push-ups">
      <label for="div2-wpas-tax_programming-category-checkbox-4"> Handstand push-ups</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="movements">
      <label for="div2-wpas-tax_programming-category-checkbox-5"> Movements</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="over-head">
      <label for="div2-wpas-tax_programming-category-checkbox-6"> Over head</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-7-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-7" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="overhead-squat">
      <label for="div2-wpas-tax_programming-category-checkbox-7"> Overhead Squat</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-8-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-8" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="throwing">
      <label for="div2-wpas-tax_programming-category-checkbox-8"> Throwing</label>
    </div>
    <div class="div2-wpas-tax_programming-category-checkbox-9-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div2-wpas-tax_programming-category-checkbox-9" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="thrusters">
      <label for="div2-wpas-tax_programming-category-checkbox-9"> Thrusters</label>
    </div>
  </div>
  <div class="wpas-tax_programming-category-checkboxes wpas-checkboxes field-container js-wpas-basic-multiple equipments">
    <div class="div3-wpas-tax_programming-category-checkbox--container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="barbell">
      <label for="div3-wpas-tax_programming-category-checkbox-"> Barbell</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-1-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-1" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="box">
      <label for="div3-wpas-tax_programming-category-checkbox-1"> Box</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-2-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-2" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="dumbbell">
      <label for="div3-wpas-tax_programming-category-checkbox-2"> Dumbbell</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-3-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-3" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="equipment">
      <label for="div3-wpas-tax_programming-category-checkbox-3"> Equipment</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-4-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-4" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="kettle-bell">
      <label for="div3-wpas-tax_programming-category-checkbox-4"> Kettle bell</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-5-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-5" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="long-bands">
      <label for="div3-wpas-tax_programming-category-checkbox-5"> Long bands</label>
    </div>
    <div class="div3-wpas-tax_programming-category-checkbox-6-container wpas-tax_programming-category-checkbox-container wpas-checkbox-container">
      <input type="checkbox" id="div3-wpas-tax_programming-category-checkbox-6" class="wpas-tax_programming-category-checkbox wpas-checkbox" name="tax_programming-category[]" value="short-bands">
      <label for="div3-wpas-tax_programming-category-checkbox-6"> Short bands</label>
    </div>
  </div>
  <input type="hidden" name="orderby" value="Date Added">
  <div class="label-container">
    <label for="order">Sort By</label>
  </div>
  <select id="order" name="order" class="wpas-select orderbyselector">
    <option value="ASC">Oldest First</option>
    <option value="DESC" selected="selected">Newest First</option>
  </select>
  <input type="submit" class="wpas-submit button" value="Apply Filters">
  <button class="wpas-clear button">Clear Filters</button>
  <input type="hidden" id="wpas-id" name="wpas_id" value="programming-category-filter">
  <input type="hidden" name="wpas_submit" value="1">
</form>