Desabilitar toda la fila de una tabla

[Ibiza3]

Hola!


Tengo una tabla con un checkbox al final, como hago para que cuando este activo (chuleado, con la flechitam aprovado )la fila este normal (activa) y cuando el checkbox este sin habilitar (el cuadrito vacio limpio) la fila se desabilite toda??




Gracias!!!

[JavierB]

Hola Ibiza3

¿A qué te refieres con estar la fila activa? Hasta donde yo sé, los únicos que pueden estar activados/desactivados son los elementos de un formulario.

Saludos,

[Ibiza3]

Claro tenes toda la razon me exprese mal:

<form action="Main.php" method="POST" target ="mainFrame" name="form">
<table id="myTable" border="1" name="myTable">
<tr>
<td></td>
<td>Direccion Ip Origen</td><td>Direccion Ip Destino</td>
<td>Ancho de Banda</td><td>Delay</td><td>Activo</td>
<td></td>
</tr>
<tr id="celda" class="celda" >
<td><input type='text' size="10" name='name' value='<?php echo $_SESSION['username']?>' disabled="disabled" /></td>
<td><input size=15 name="IPini" value="Su Direccion IP" ></td>
<td><input size=15 name="IPfin" value="Direccion IP destino" ></td>
<td><input type="text" name="ancho" value="[bytes por segundo]" ></td>
<td><input type="text" name="delay" value="[milisegundos]"></td>
<td><input type="checkbox" name="status" ></td>
<td><input type="button" value="Delete" disabled="disabled"></td>
</tr>
</table>
<br /><br />
<input type='hidden' name='On' value='On' />
<input type="Submit" id="submit_btn" value="Actualizar Conexiones"/>
</form>


En negrita hay un checkbox, quiero que toda la fila quede disabled al seleccionarlo y vicebersa.

[IsaBelM]

se trata de recorrer el nodo (this.parentNode.parentNode.id) esto te da la id del tr contenedor. usa document.getElementById(this.parentNode.parentNode .id).getElementsByTagName('input'). ya tienes la colección de elementos y ahora la recorres con un ciclo for y deshabilitas los controles

[Ibiza3]

Bueno olvide mencionar que soy absolutamente nuevo en todo el tema web.


Entiendo que:

document.getElementById(this.parentNode.parentNode .id).getElementsByTagName('input')

Me da la coleccion de los elementos input. Y debo recorrelos cambiando:

document.form.[nombre de cada input].disabled=true;

Pero no se como armar un for que haga eso... Ojala me puedan ayudar...




Gracias!!!

[Ibiza3]

Estoy haciendo algo asi:


function check(r){
var celdas=document.getElementById(r.parentNode.parent Node.id).getElementsByTagName('input');
for (var i = 0, total = celdas.length; i < total; i ++)
document.form.celdas[i].disabled=true;
}


Alguna ayuda sugerencia...

Gracias!!!

[IsaBelM]

casi que ya lo tenías

<td><input type="checkbox" name="status" onclick="check(this.checked, this);" /></td>


function check(b, el){
var celdas=document.getElementById(el.parentNode.paren tNode.id).getElementsByTagName('input');
for (var i = 0, total = celdas.length; i < total; i ++) {
if (i == 5) continue;
celdas[i].disabled = b? 'disabled' : '';
}
}

[Ibiza3]

Obviamente funciona perfecto!!

Mil Gracias Isa!!