Как добавить класс к div если активен определенный input?

Есть методы оплаты в формате input
Есть кнопка "Подтвердить заказ"

По умолчанию выбран первый input "no-payment"

Необходимо добавить класс к кнопке "Подтвердить заказ", когда выбран именно первый инпут "no-payment", в этом классе будут прописаны стили и кнопка будет неактивной.

<div class="payment-list">
	<li class="payment">
		<input id="no-payment" type="radio" class="input-radio" name="payment_method" value="no-payment" checked="checked">
	</li>

	<li class="payment2">
		<input id="money" type="radio" class="input-radio" name="payment_method" value="money" >
	</li>

	<li class="payment3">
		<input id="ucassa" type="radio" class="input-radio" name="payment_method" value="ucassa" >
	</li>
</div>

<div class="send-box">
	<button type="submit" class="button-send" name="checkout_place_order" id="place_order">Подтвердить заказ</button>
</div>
  • Вопрос задан
  • 112 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
просто из интереса, без javascript:
.payment-list:has(#no-payment:checked) + .send-box > .button-send {
  pointer-events: none; /* Предотвратить клики */
  …любые другие стили для обозначения неактивного состояния.
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы