Показать сообщение отдельно
  #1 (permalink)  
Старый 02.11.2020, 16:22
Аспирант
Отправить личное сообщение для wrbanker Посмотреть профиль Найти все сообщения от wrbanker
 
Регистрация: 05.08.2020
Сообщений: 38

Не один из 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 и, к примеру, вывести в консоль определенное сообщение.
Заранее благодарен.
Ответить с цитированием