Показать сообщение отдельно
  #1 (permalink)  
Старый 10.10.2017, 16:34
Интересующийся
Отправить личное сообщение для Walk Посмотреть профиль Найти все сообщения от Walk
 
Регистрация: 14.08.2017
Сообщений: 28

input radio - как узнать выбранный пункт?
Есть input radio:

<label class="control-label">Отзыв о…</label>
    <p>
        <input type="radio" name="review_type" value="1" id="review_type1" checked> Работе в компании<br />
        <input type="radio" name="review_type" value="2" id="review_type2"> Зарплате на должности<br />
        <input type="radio" name="review_type" value="3" id="review_type3"> Собеседовании<br />
        <input type="radio" name="review_type" value="4" id="review_type4"> Бонусах в компании<br />
    </p>


Пытаюсь определить выбранный пункт таким способом:
window.onload = function(){
    var rt1 = document.getElementById('review_type1');
    var rt2 = document.getElementById('review_type2');
    var rt3 = document.getElementById('review_type3');
    var rt4 = document.getElementById('review_type4');

    if (rt1.checked) {
        alert('Выбран 1 пункт');
    }
    if (rt2.checked) {
        alert('Выбран 2 пункт');
    }
    if (rt3.checked) {
        alert('Выбран 3 пункт');
    }
    if (rt4.checked) {
        alert('Выбран 4 пункт');
    }
};


JS сообщает о пункте выбранном по умолчанию, при загрузке страницы, но если изменить выбор - никакой реакции от JS нет.

При этом, в инструкциях которые видел, везде предлагают проверять через checked. Спрашивается... что я делаю не так? Или, чтобы отслеживать выбор в реальном времени - нужно еще событие клика ловить?

Просьба подсказать на понятном новичку языке.

Последний раз редактировалось Walk, 10.10.2017 в 16:41.
Ответить с цитированием