Показать сообщение отдельно
  #1 (permalink)  
Старый 16.12.2016, 05:59
Интересующийся
Отправить личное сообщение для galiog Посмотреть профиль Найти все сообщения от galiog
 
Регистрация: 28.04.2016
Сообщений: 17

Определить выбраны ли radio
Здравстуйте. Столкнулся с такой проблемой:
У меня написан тест из нескольких вопросов. Отвечаешь на один, нажимаешь далее - попадаешь на следующий.
Пример вопросов:
<LI id="1">
<H4>1. Сколько человек будет жить в Вашем доме?</H4>
<input type=radio name='Q1' value="2">2<br/>
<input type=radio name='Q1' value="3">3<br/>
<input type=radio name='Q1' value="4">4<br/>
<input type=radio name='Q1' value="5">5<br/>
<input type=radio name='Q1' value="более 5">более 5<br/>
<input type="button" class="next" value = "Далее->">
</li>
<LI id="2" style="display:none;">
<H4>2. В Вашем доме должна быть детская комната? </H4>
<input type=radio name='Q2' value="да, одна"> да, одна<br/>
<input type=radio name='Q2' value="да, две"> да, две <br/>
<input type=radio name='Q2' value="нет"> нет <br/>
<input type="button" class="prev" value = "<-Назад">
<input type="button" class="next" value = "Далее->">
</li>

В скрипте работает все так:
var one = document.getElementById('1');
var two = document.getElementById('2');

var q1 = document.getElementsByName('Q1');
var q2 = document.getElementsByName('Q2');

var ell = [q1, q2]; //массив вопросов
var arr = [one, two]; // массив li
var a = 0;

$(".next").on("click", function(){
arr[a].style.display = "none";
arr[a+1].style.display = "block";
a++;
})

Надо чтобы по клику сперва проверялось выбран ли radio, и если да, то тогда уже перелистывался вопрос, иначе ошибка.

Попробовал проверять через ell[a].checked, но постоянно вылазит ошибка что элемент не выбран. Голову сломал уже, не могу понять в чем проблема.
Ответить с цитированием