Hola a todos.
Haber si pueden ayudarme.
tengo este script que funciona perfectamente en un solo radio button del formulario.
ahora quiero añadir dos radio button más y no trabaja bien el script.
este es el codigo.
Código:
<html>
<head>
<title>color button
</title>
<script>
function ini() {
tab=document.getElementById('tabla');
for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {
ele.onmouseover = function() {iluminar(this,true)};
ele.onmouseout = function() {iluminar(this,false)};
ele.cells[0].onclick = function() {marcar(this)};
}
}
function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
obj.style.backgroundColor = (valor) ? 'red' : 'white';
}
var marca = null;
function marcar(obj) {
if (marca != null && marca != obj) marca.parentNode.style.backgroundColor = "white";
marca = obj;
}
window.onload = ini;
</script>
<script>
function ini() {
tab=document.getElementById('tabla2');
for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {
ele.onmouseover = function() {iluminar(this,true)};
ele.onmouseout = function() {iluminar(this,false)};
ele.cells[0].onclick = function() {marcar(this)};
}
}
function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
obj.style.backgroundColor = (valor) ? 'red' : 'white';
}
var marca = null;
function marcar(obj) {
if (marca != null && marca != obj) marca.parentNode.style.backgroundColor = "white";
marca = obj;
}
window.onload = ini;
</script>
<script>
function ini() {
tab=document.getElementById('tabla3');
for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {
ele.onmouseover = function() {iluminar(this,true)};
ele.onmouseout = function() {iluminar(this,false)};
ele.cells[0].onclick = function() {marcar(this)};
}
}
function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
obj.style.backgroundColor = (valor) ? 'red' : 'white';
}
var marca = null;
function marcar(obj) {
if (marca != null && marca != obj) marca.parentNode.style.backgroundColor = "white";
marca = obj;
}
window.onload = ini;
</script>
</head>
<body style="width:500px"
<table width="50%" align="center">
<tr><td>
<form id="formu">
<table id="tabla" border="1">
<tr>
<td><input type="radio" name="sex" value="1"></td>
<td>Hombre</td>
</tr>
<tr>
<td><input type="radio" name="sex" value="2"></td>
<td>Mujer</td>
</tr>
</table>
</form>
<form id="formu2">
<table id="tabla2" border="1">
<tr>
<td><input type="radio" name="lugar" value="1"></td>
<td>BARCELONA</td>
</tr>
<tr>
<td><input type="radio" name="lugar" value="2"></td>
<td>Otra provincia</td>
</tr>
<tr>
<td><input type="radio" name="lugar" value="3"></td>
<td>Otro pais</td>
</tr>
</table>
</form>
<form id="formu3">
<table id="tabla3" border="1">
<tr>
<td><input type="radio" name="motivo" value="1"></td>
<td>leer</td>
</tr>
<tr>
<td><input type="radio" name="motivo" value="2"></td>
<td>escribir</td>
</tr>
<tr>
<td><input type="radio" name="motivo" value="3"></td>
<td>leer-escribir</td>
</tr>
</table>
</form>
</td></tr>
</table>
</body>
</html>
solo hace caso al primer radio button.
como tendria de hacerlo para los otros dos.
Gracias.