как добавить класс в div, в котором радио имеет определенное значение с jquery

Question

У меня есть эта форма с 4 рад ios:

<form class="options" method="post" id="question" action="index.php">
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='1' />Radio 1
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='2' />Radio 2
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='3' />Radio 3
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='4' />Radio 4
        </label>
    </div>

    <button type="submit" class="btn btn-success" name="next" value="next">NEXT</button>

</form

Как я могу добавить класс alert-success к div выше, в котором радио имеет значение 2 (с jquery)?

Итак:

 <div class="form-check form-group alert-success"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='2' />Radio 2
        </label>
    </div>

Answer 1

$('input[value=2]').closest('div').addClass('alert-success');

Также работает ..

Answer 2

Вы можете использовать селектор :has jQuery:

$('.form-group:has(input[value=2])').addClass('alert-success');

Answer 3

$('input').filter('[value=2]').closest('.form-group').addClass('alert-success');