<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML5</title>
<script>
var arrnext='0'; // Посчет нажатий Далее
var time='5';
var arr = [];
var arr1 = [0,0,0,0,0];
var count=0;
function timer(){
var obj=document.getElementById('timer');
obj.innerHTML--;
if(obj.innerHTML==0){
stopTest();
}
else{setTimeout(timer,1000);}
}
function startTest(){
document.getElementById("timer").innerHTML=time;
setTimeout(timer,1000);
document.getElementById("start").style.display='block';
document.getElementById("btStart").style.display='none';
for (arrnext='1'; arrnext<5; arrnext++) {
document.getElementById("question"+arrnext).style.display='none';
}
arrnext='0'
}
function nextQuestion(){
var i=0;
//Первый вопрос (переключатели)
//var a = document.getElementById("question0").options.name ;
var myform = this.form,
chbx = myform['precipitation[]'],
chbxSum = 0;
for(var i = 0; i < chbx.length; i++){
if(chbx[i].checked) {
chbxSum += +chbx[i].value;
}
}
alert(myform.result.value = +myform.myname.value + +myform.street.value + chbxSum);
//alert("Выбран "+(document.getElementById("question0").options.selectedIndex+1)+" элемент списка");
for(i=0; i<document.getElementsByName("q"+arrnext).length; i++){
if(document.getElementsByName("q"+arrnext)[i].checked) {
arr[arrnext]=i; //какой правильный чекбокс, начинается с 0
}
}
document.getElementById("question"+arrnext++).style.display='none';
document.getElementById("question"+arrnext).style.display='block';
}
function stopTest(){
for(i=0; i<arr.length; i++){
if(arr[i]==arr1[i]) count++;
}
alert(arr);
}
</script>
</head>
<body>
<style type="text/css">
<!--
#start{
display: none;
}
-->
</style>
<form method="get" enctype="text/plain" name="testForm">
<p><input type="button" name="btStart" value="Старт" onclick="startTest()" id="btStart"/></p>
<div id="start">
<p id="timer"></p>
<p class="quest">Вопрос</p>
<div id="question0">
<input type="radio" name="q0" value="asd" /> 1<br />
<input type="radio" name="q0" value="asd" /> 1<br />
<input type="radio" name="q0" value="asd" /> 1<br />
</div>
<div id="question1">
<input type="radio" name="q1" value="1" /> 2<br />
<input type="radio" name="q1" value="2" /> 2<br />
<input type="radio" name="q1" value="3" /> 2<br />
</div>
<div id="question2">
<input type="radio" name="q2" value="1" /> 3<br />
<input type="radio" name="q2" value="2" /> 3<br />
<input type="radio" name="q2" value="3" /> 3<br />
</div>
<div id="question3">
<input type="radio" name="q3" value="1" /> 4<br />
<input type="radio" name="q3" value="2" /> 4<br />
<input type="radio" name="q3" value="3" /> 4<br />
</div>
<div id="question4">
<input type="checkbox" name="precipitation[]" value="1" />5<br />
<input type="checkbox" name="precipitation[]" value="2" />5<br />
<input type="checkbox" name="precipitation[]" value="3" />5<br />
</div>
<p><input type="button" name="btStart" value="Далее" onclick="nextQuestion()" id="next"/></p>
</div>
</form>
</div>
</body>
</html>