Tengo estos siguientes códigos:
function imprimirPregunta()
{
$(".panel-answers").empty();
$(".p-question").html((cont + 1) + ".- " + preguntas[cont]["pregunta"]);
for(var i = 1; i <= 4; i++)
{
var respuesta = preguntas[cont]["respuesta" + i] == preguntas[cont]["correcto"] ? "correcto" : "incorrecto";
var panel = $("<div class='panel-answer'><p>" + preguntas[cont]["respuesta" + i] + "</p>"
+ "<input type='radio' name='ranswer' value='" + respuesta + "'></div>");
$(".panel-answers").append(panel);
}
$(".panel-answer").on("click", function(){
$("input[name=ranswer]").removeAttr("checked");
$(this).children("input[name=ranswer]").attr("checked", "checked");
$(".panel-answer").removeClass("seleccionar");
$(this).addClass("seleccionar");
});
}
function verificar()
{
$("input[name=ranswer]").each(function(){
if($(this).is(":checked"))
{
alert($(this).val());
return false;
}
});
}
En el evento click
de .panel-answer
tengo esta línea de código:
$("input[name=ranswer]").removeAttr("checked");
Y esto porque cuando se selecciona un input radio no se eliminan los checked
de los demas radios y tengo entendido que esto debe hacerlo automáticamente porque todos los radios tienen el mismo valor en el name
, porque no lo esta haciendo?? No tengo ni idea.
Y el problema viene que la compu sigue haciendo lo que quiere, porque cuando ejecuto la función verificar no detecta el atributo checked
en ningun radio y se se fijan después de eliminar todos los checked
, agrego el atributo checked
a un elemento radio en especifico.
Si quito esa línea si detecta el atributo checked
pero si la pongo no. Por que esta haciendo eso??