Test de autoevaluación

layerlin · #1 (**permalink**) 01/10/2009, 08:18

Ójala y alguien pueda ayudarme, me gustaría hacer un test de autoevaluación, que constara de 4 o 5 preguntas, que cada pregunta tuviera 3 respuestas con botones de radio, que la respuesta 1 valga 3 la 2 valga 2 y la uno valga 1, que después se sumen los resultados de las respuestas y una vez obtenidos, si la suma es mayor a 6 se de una respuesta y si es menor a 6 de de otra.

muchas gracias de antemano.

ELV

Adler · #2 (**permalink**) 01/10/2009, 13:54

Hola, bienvenid@ al foro

Como no es una buena actitud expresar que es lo que se quiere sin poster nada de código, aunque sea el html, pues te dejo esto que es un comienzo del resultado final que buscas

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function valores() {
var elemArr = new Array();
var texto = "<div style='background-color:#EEEEEE;border: 1px solid #C9C9C9;border-width: 1px 1px 1px 1px;'>Tus datos son";
var divTexto = document.getElementById('resultado');
 
var elemInput = document.getElementById("formulario").getElementsByTagName('label');
    for(var i = 0; i < elemInput.length; i++){
        var elem = elemInput[i].getElementsByTagName('input');
        for(var j = 0; j < elem.length; j++){
 
            if(elem[j].checked){
            texto  += "<li>" + elem[j].value +  "</li>";
elemArr.push(elem[j].value);
            }
        }
    }
 
alert ("El arreglo es: " + elemArr)
divTexto.innerHTML = texto + "</ul></div>";
 
}
</script>
</head>
<body>
<div id="resultado"></div>
<form id="formulario">
<label for="sx">
Sexo<br />
Hombre <input name="sx[]" id="sx[]" type="radio" value="hombre" /><br />
Mujer <input name="sx[]" id="sx[]" type="radio" value="mujer" /><br />
</label>
<label for="ec">
Estado Civil<br />
Casado <input name="ec[]" id="ec[]" type="radio" value="casado" /><br /> 
Soltero <input name="ec[]" id="ec[]" type="radio" value="soltero" /><br />
</label>
<button onclick="valores();return false;" >Ver Datos</button>
</form>
</body>
</html>

Suerte