@Kardamon_mchl

Как при валидации радиокнопок добавлять а затем удалять класс у всех на странице?

Прописал вот такой вот код, в котором проверяется, выбрана ли одна из радиокнопок и если не выбрана, то к ней добавляется класс еррор(радиокнопки делал через кастом: сама кнопка отключена, вместо выступает стилизовынный объект фейк). Но добавляется класс только первой кнопке на странице. Подскажите как добавлять класс всем радиокнопкам на странце и что бы потом при выборе из кнопок, этот класс удалялся?

form.onsubmit = function () {
	let inputRadio = document.querySelector('input[name="payment"]:checked'),
		radio = document.querySelector('.order__form-step.active .radio__fake');
	if (!inputRadio) {
		radio.classList.add('error');
		return false;
	} else {
		radio.addEventListener('click', function () {
			radio.classList.remove(error);
		});
	};
}
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
squadbrodyaga
@squadbrodyaga
帆は風を変えた
Вроде так, почитай про querySelectorAll
let radios = document.querySelectorAll('.order__form-step.active .radio__fake') // получили ВСЕ радиокнопки

if (...) {
  radios.forEach(radio => radio.classList.add('error'))
} else {
  radio.forEach(radio => {
    radio.addEventListener('click', function (event) {
      event.target.classList.remove(error);
    });
  })
}
Ответ написан
Ваш ответ на вопрос

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

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