Если выбран переключатель, добавьте класс / стиль в родительский div с помощью jQuery или Javascript.

Question

Я использую специальный плагин, который дает некоторые параметры на моей странице продукта. Параметры отображаются ниже. Если выбрана опция / радио, я хочу указать класс / границу для div "label-wrap". Я хочу сделать это с JQuery или Javescript, какие-либо решения?

У меня уже есть это ..

function updateHighlightRadio() {
  var selected = this.parentNode.parentNode.parentNode.parentNode.getElementsByClassName("selected")[0];
  if (selected) selected.className = selected.className.replace(" selected", "");
  this.parentNode.parentNode.parentNode.className += " selected";
}

function updateHighlightCheckbox() {
  var selected = this.parentNode.parentNode;
  if (!this.checked)
    selected.className = selected.className.replace(" selected", "");
  else
    this.parentNode.parentNode.parentNode.className += " selected";
}

window.onload = function () {
  var radios = document.querySelectorAll("input[type=radio]");
  for (var i = 0; i < radios.length; ++i) {
    radios[i].onchange = updateHighlightRadio;
  }

  var checkboxes = document.querySelectorAll("input[type=checkbox]");
  for (var i = 0; i < checkboxes.length; ++i) {
    checkboxes[i].onchange = updateHighlightCheckbox;
  }
}

<div class="label-wrapper">
    <div class="label-wrap">
        <div class="label-value">
            <div class="label-value-inner">
                <input type="radio" id='field-
                    <?php echo $field['id'].'-'.$key; ?>'>
                    <label class="image"></label>
                </div>
            </div>
            <label>
                <b>name</b>
            </label>
        </div>
        <div class="label-wrap">
            <div class="label-value">
                <div class="label-value-inner">
                    <input type="radio" id='field-
                        <?php echo $field['id'].'-'.$key; ?>'>
                        <label class="image"></label>
                    </div>
                </div>
                <label>
                    <b>name</b>
                </label>
            </div>
        </div>
    </div>
</div>