Buenas tardes
Trato de hacer un quiz con varias preguntas que al seleccionar alguna opción y darle al botón respuesta me diga si la seleccionada esta buena y me de una pequeña respuesta si esta bien o mal.
Hasta ahora tengo esto:
Código Javascript
:
Ver original$(document).ready(function(){
$('#respuesta').click(function() {
$("input[type='radio']:checked").each(function() {
if($("input[type='radio']:checked").val() == "Correct"){
var id_val = $(this).attr("id");
$("label[for='" + id_val + "']").css("background-color", "green");
}else{
var id_val = $(this).attr("id");
$("label[for='" + id_val + "']").css("background-color", "red");
}
});
});
});
Código HTML:
Ver original <input type="radio" name="q1" id="1" onclick="checkthis('Incorrect');" /><label for="1">Pregunta 1
</label> <input type="radio" name="q1" id="2" onclick="checkthis('Incorrect');" /><label for="2">Pregunta 2
</label> <input type="radio" name="q1" id="3" onclick="checkthis('Incorrect');" /><label for="3">Pregunta 3
</label> <input type="radio" name="q1" id="4" onclick="checkthis('Correct');" /><label for="4">Pregunta 4
</label>
Lo que deseo es generar varias preguntas.
Gracias por su ayuda