Cómo para hacer un checkbox habilitar una caja de Texto

[acasaverde]

Hola quisiera un ayuda soy nuevo en PHP tengo una tabla con chekbox y cajas de texto pero estas van a estar ocultas y quisiera que ala vez que dea click en chekbox se aparesca la casilla de texto y que defrente me salga con un setfocus en las cajas y con sun sombreado de un color para poder diferenciarlo y cuando lo desabilite el chekbox se vuelva a ocultar y que en la caja de texto suma se pueda sumar ....Gracias espero su ayuda

<form id="form_mant_accesorios">
<table>
<tr>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)"/>MEMORIA</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)" />HANDS FREE</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)" />CABLE USB</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)" />DVD</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)"/>CARGADOR</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)"/>MANUAL</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)"/>CLIP</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)"/>CHIP</td>
<td><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td class="base"colspan="5">
Total:<input type="text" name="suma" value="" size="6"/>
</td>
</tr>
</table>
</form>

[IsaBelM]

si cambias la estructura a

<td>MEMORIA <input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)" /><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED /></td>
<td>HANDS FREE<input type="checkbox" name="idAccesorio[]" value="ON" onclick="desactiva(this)" /><input type="text" name="costo_accerosios[]" value="" size="4" DISABLED/></td>

puedes usar nextSibling que te devolverá el elemento siguiente (el campo de texto)

si no quieres cambiar la estructura tendrás que pasarle a la función como parámetro el indice del elemento a habilitar

onclick="fnc(0, this.checked);"

function fnc(i, b) {
document.forms['frm'].elements[i].disabled=b?false:true;
}

el segundo parámetro es para saber si el checkbox está o no seleccionado. arreglo al boleano cambias la propiedad disabled a true o false

[caricatos]

Hola:

IsaBelM: en...

!b?false:true;

Sobra lo que está en rojo, si añades lo que puse en azul... (!)

Saludos

[IsaBelM]

Iniciado por caricatos

Hola:

IsaBelM: en...

!b?false:true;

Sobra lo que está en rojo, si añades lo que puse en azul... (!)

Saludos

he incluso se puede omitir la negación, ya que this.checked devolverá true o false