Foros del Web - Ver Mensaje Individual - Relacionar 2 opciones (checkbox) y dar un mensaje de correcto ó incorrecto

emprear · #4 (**permalink**) 28/03/2012, 00:37

Cita:

Iniciado por huertas87

Hola furoya.

Primero que todo gracias, y que pena por no haber respondido antes, pero he estado trabajando en otro proyecto.

Y pues algo sé de javascript(más que todo jquery) y he estado buscando la forma de que se active el alerta sin necesidad de dar click en "unir nombre y apellido" y no he podido, desearía que al momento en que la persona selecciona la relación que cree correcta se active el alerta.
Si me puedes guiar te lo agradecería.

De nuevo gracias, el ejemplo funciona a la perfección.

Te dejo un aporte al muy ingenioso trabajo de @furoya

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>UNIR EL NOMBRE CON EL APELLIDO.</title>
<script type="text/javascript">
 
function evalua(T) {
var alfa = T.parentElement;
alfa.firstChild.value = T.value;
}
 
function suma() {
//// agregado
    var delta = document.getElementById("vNombre")
    if(delta.value == ''){
    alert('seleccione un nombre primero');
    document.getElementById('nya').reset();
    return false;
    }
/// fin agregado
var bravo = (document.getElementById("vNombre").value*1) + (document.getElementById("vApellido").value*1);
var charly = (bravo == 9)? "Coorreecto!" : "Nooop!";
alert(charly);
if (charly == 'Nooop!'){
document.getElementById('nya').reset();
}
}
</script>
</head>
<body>
<form id="nya">
<table border=1 cellpadding=5 bgcolor=blue><tbody>
<tr bgcolor=red><th colspan=2>Arte MADÍ.</th></tr>
<tr>
<td bgcolor=yellow><input type=hidden value="" id="vNombre"><br>
<input type=radio name=nombre onclick="evalua(this);" value=0>Carmelo <br>
<input type=radio name=nombre onclick="evalua(this);" value=1>José <br>
<input type=radio name=nombre onclick="evalua(this);" value=2>Martín <br>
<input type=radio name=nombre onclick="evalua(this);" value=3>Juan <br>
<input type=radio name=nombre onclick="evalua(this);" value=4>Gyula <br>
 
</td>
 
<td bgcolor=lime><input type=hidden value="" id=vApellido><br>
<input type=radio name=apellido onclick="evalua(this);suma()" value=5>Kosice <br>
<input type=radio name=apellido onclick="evalua(this);suma()" value=9>Arden Quin <br>
<input type=radio name=apellido onclick="evalua(this);suma()" value=6>Bay <br>
<input type=radio name=apellido onclick="evalua(this);suma()" value=8>Aguiar <br>
<input type=radio name=apellido onclick="evalua(this);suma()" value=7>Blaszko <br>
 
</td></tr></tbody></table>
</form>
</body>
</html>

al agregado en la función suma, modifiqué el evento onmouseup por onclick, y a los apellidos ademas de la funcion evalua() le hacemos ejecutar la suma(), tambien le damos un id al form para hacer el reset() si hace click en apellido sin haberlo hecho en nombre

Saludos