Здравстуйте. Столкнулся с такой проблемой:
У меня написан тест из нескольких вопросов. Отвечаешь на один, нажимаешь далее - попадаешь на следующий.
Пример вопросов:
<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, но постоянно вылазит ошибка что элемент не выбран. Голову сломал уже, не могу понять в чем проблема.