Как прописать валидацию радиокнопки?

Question

[Kardamon_mchl]

Добрый день, ипользую вот такой вод код для проверки радиокнопки, но в любых состояниях выдает постоянно неактивно. Функция валидации прописана по клику на кнопку, одновременно проверяются поля для ввода и там все хорошо, но с радиокнопками вылезают проблемы. Подскажите что не так?

if (!inputRadio.checked) {
			console.log('not checked')
			return false;
		}

Comments

[Ankhena]

inputCheckedRadio = document.querySelector('input[name="your-group-name"]:checked');

и
if (!inputCheckedRadio)

[Kardamon_mchl]

Ankhena, он проверяет радио кнопок, но они у него постоянно не выбраны

[Ankhena]

Kardamon_mchl, при нажатии на кнопку, проверяете на наличие этого

document.querySelector('input[name="your-group-name"]:checked')

[Kardamon_mchl]

Ankhena, если я вас провильно понял, то должно выйти вот так? Таким способом тоже не получается

button.addEventListener('click', function () {
document.querySelector('input[name="payment"]:checked');
		inputCheckedRadio = document.querySelector('input[name="payment"]:checked');
		if (!inputCheckedRadio) {
			console.log('not checked');
			return false;
		}
});

[Ankhena]

Kardamon_mchl,

button.addEventListener('click', function () {
		let inputCheckedRadio = document.querySelector('input[name="payment"]:checked');
		if (!inputCheckedRadio) {
			console.log('not checked');
			return false;
		}
});

[Kardamon_mchl]

Ankhena, Да, сработало оказывается я применял это действие не к той радиокнопке... Спасибо!

Answer 1

[Nik Faraday]

Пробуйте jQuery использовать. С jQuery ваш код будет выглядеть вот так:

<inpute id='radioBtn' />

if (!$('#radioBtn').is(':checked')) {
      console.log('not checked')
    }