<html>
<head>
<script type="text/javascript">
var corr = ['b', 'c', 'a'];
var niv = {0 : 'Bajo', 1 : 'Bajo_Medio', 2 : 'Medio', 3 : 'Avanzado'}
function fnc() {
var aciertos = 0;
var radio_checked = -1;
for(var j = 0, rad = document.getElementsByTagName('input'); j < rad.length-1; j++){
if(rad[j].checked) {
radio_checked++;
if (rad[j].value == corr[radio_checked]) {
document.getElementById(rad[j].parentNode.id).style.backgroundColor = '#9BFFA0';
aciertos++;
} else {
document.getElementById(rad[j].parentNode.id).style.backgroundColor = '#FF8C8C';
}
}
}
document.getElementById('nivel').innerHTML = 'Nivel: ' + niv[aciertos];
}
</script>
</head>
<body>
<form>
<label for="p1" id="rad1">Pregunta 1
<input type="radio" value="a" name="p1" />a
<input type="radio" value="b" name="p1" />b
<input type="radio" value="c" name="p1" />c
<input type="radio" value="d" name="p1" />d
</label>
<br />
<label for="p2" id="rad2">Pregunta 2
<input type="radio" value="a" name="p2" />a
<input type="radio" value="b" name="p2" />b
<input type="radio" value="c" name="p2" />c
<input type="radio" value="d" name="p2" />d
</label>
<br />
<label for="p3" id="rad3">Pregunta 3
<input type="radio" value="a" name="p3" />a
<input type="radio" value="b" name="p3" />b
<input type="radio" value="c" name="p3" />c
<input type="radio" value="d" name="p3" />d
</label>
<div id="nivel"></div>
<input type="button" onclick="fnc()" value="comprobar" />
</form>
</body>
</html>
