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

emprear · #9 (**permalink**) 28/03/2012, 15:53

Amigo @huertas87, como verás, esta ya no es cuestión de darte una solución, es más bien parte de la locura de alguno de nosotros. Si mi inefable colega @furoya, no tiene objeciones, creo que a la siguiente, la podríamos considerar como la solución final.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UNIR EL NOMBRE CON EL APELLIDO.</title>
 
<style type="text/css">
/*<![CDATA[*/
 
label, #mensajes {
font-family: arial;
}
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var n;
var a;
function evalua(N){
n = parseInt(N);
}
function evalua2(N){
a = parseInt(N);
}
function suma(){
if(n == undefined){
a=parseInt('300');
document.getElementById('mensajes').innerHTML = "Seleccione un nombre primero";
document.getElementById('nya').reset();
return false;
}else{
if((n+a)==9){
var idn = 'i_'+n.toString();
var ida = 'i_'+a.toString();
var idln = 'l_'+n.toString();
var idla = 'l_'+a.toString();
var msj = document.getElementById('mensajes');
msj.innerHTML = "Correcto"
document.getElementById(idn).disabled = true;
document.getElementById(ida).disabled = true;
document.getElementById('mensajes').style.color = 'green';
document.getElementById(idln).style.textDecoration = 'line-through';
document.getElementById(idla).style.textDecoration = 'line-through';
a=parseInt('300');
 
}else{
document.getElementById('mensajes').innerHTML = "Incorrecto";
document.getElementById('mensajes').style.color = 'red';
}
}
n = undefined;
document.getElementById('nya').reset();
}
//]]>
</script>
</head>
<body>
<form id="nya" name="nya" action="#">
<table border="1" cellpadding="5" bgcolor="blue" width="300">
<tbody>
<tr bgcolor="red">
<th colspan="2">Arte MADÍ.</th>
</tr>
<tr>
<td bgcolor="yellow">
<input type="radio" id="i_0" name="nombre" onclick="evalua(this.value);" value="0" /><label id="l_0" for="i_0">Carmelo</label><br />
<input type="radio" id="i_1" name="nombre" onclick="evalua(this.value);" value="1" /><label id="l_1" for="i_1">José</label><br />
<input type="radio" id="i_2" name="nombre" onclick="evalua(this.value);" value="2" /><label id="l_2" for="i_2">Martín</label><br />
<input type="radio" id="i_3" name="nombre" onclick="evalua(this.value);" value="3" /><label id="l_3" for="i_3">Juan</label><br />
<input type="radio" id="i_4" name="nombre" onclick="evalua(this.value);" value="4" /><label id="l_4" for="i_4">Gyula</label><br /></td>
<td bgcolor="lime">
<input type="radio" id="i_5" name="apellido" onclick="evalua2(this.value);suma();" value="5" /><label id="l_5" for="i_0">Kosice</label><br />
<input type="radio" id="i_9" name="apellido" onclick="evalua2(this.value);suma();" value="9" /><label id="l_9" for="i_9">Arden Quin</label><br />
<input type="radio" id="i_6" name="apellido" onclick="evalua2(this.value);suma();" value="6" /><label id="l_6" for="i_6">Bay</label><br />
<input type="radio" id="i_8" name="apellido" onclick="evalua2(this.value);suma();" value="8" /><label id="l_8" for="i_8">Aguiar</label><br />
<input type="radio" id="i_7" name="apellido" onclick="evalua2(this.value);suma();" value="7" /><label id="l_7" for="i_7">Blaszko</label><br /></td>
</tr>
<tr><td colspan="2" bgcolor="white" id="mensajes" align="center">mensajes<!-- mensajes --></td></tr>
</tbody>
</table>
</form>
</body>
</html>

Saludos