Hola
huertas87. Bienvenido.
Está bastante bien explicado. Te felicito. Sólo que no es con
checkbox sino con
radio, para evitar que pongan más de una opción en la misma columna.
No sé cuánto conoces de JavaScript. Te dejo un ejemplo muy básico para que estudies. Ya dejé previsto el uso de varios formularios en el mismo documento. (Por si era tu próxima pregunta.)
Código HTML:
<!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() {
var bravo = (document.getElementById("vNombre").value*1) + (document.getElementById("vApellido").value*1);
var charly = (bravo == 9)? "Coorreecto!" : "Nooop!";
alert(charly);
}
</script>
</head>
<body>
<form>
<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 onmouseup="evalua(this)" value=0>Carmelo <br>
<input type=radio name=nombre onmouseup="evalua(this)" value=1>José <br>
<input type=radio name=nombre onmouseup="evalua(this)" value=2>Martín <br>
<input type=radio name=nombre onmouseup="evalua(this)" value=3>Juan <br>
<input type=radio name=nombre onmouseup="evalua(this)" value=4>Gyula <br>
</td>
<td bgcolor=lime><input type=hidden value="" id=vApellido><br>
<input type=radio name=apellido onmouseup="evalua(this)" value=5>Kosice <br>
<input type=radio name=apellido onmouseup="evalua(this)" value=9>Arden Quin <br>
<input type=radio name=apellido onmouseup="evalua(this)" value=6>Bay <br>
<input type=radio name=apellido onmouseup="evalua(this)" value=8>Aguiar <br>
<input type=radio name=apellido onmouseup="evalua(this)" value=7>Blaszko <br>
</td></tr></tbody></table>
<input type=button value="Unir Nombre y Apellido." onclick=suma()>
</form>
</body>
</html>