Не один из radio-buttons не отмечен.
Приветствую.
Есть код: <form id="test-form"> <input type="radio" name="radio-button" value="Радио номер 1"> Радио 1 <input type="radio" name="radio-button" value="Радио номер 2"> Радио 2 <input type="radio" name="radio-button" value="Радио номер 3"> Радио 3 <input type="submit" value="Обработать"> </form> <script> const form = document.querySelector('#test-form'); form.addEventListener('submit', function (event) { event.preventDefault(); let x1 = this.querySelector('[name="radio-button"]:checked').value; console.log('Ваш выбор: ' + x1); }); </script> Если на radio есть отметка, то в консоль выводится верное значение. Если же ни на одном radio отметок нет, то "Cannot read property 'value' of null". Подскажите, как отловить отсутствие отметки на radio и, к примеру, вывести в консоль определенное сообщение. Заранее благодарен. |
let x1 = this.querySelector('[name="radio-button"]:checked');
console.log(x1? 'Ваш выбор: ' + x1.value : 'Ничего не выбрано'); |
voraa,
Спасибо. То, что надо. |
console.log('Ваш выбор: ' + (this['radio-button'].value || 'ничего') ); |
Часовой пояс GMT +3, время: 08:28. |