buenas noches.
tengo un problema.
tengo varias cajas de texto y una opción para habilitar y deshabilitar las cajas de texto.
lo que necesito es que cuando las cajas estén deshabilitadas tengan un color verde y cuando las cajas de texto estén habilitadas vuelvan al color original de ellos que son blanco.
Código HTML:
<head>
<script languaje="javascript">
function habilitaDeshabilita(form)
{
if (form.rodamientos.checked == true) <--!cajas de texto habilitadas. -->
{
form.referencia.disabled = false;
form.marca.disabled = false;
form.tipo.disabled = false;
}
if (form.rodamientos.checked == false) <--!cajas de texto deshabilitadas. -->
{
form.referencia.disabled = true;
form.marca.disabled = true;
form.tipo.disabled = true;
}
}
</script>
</head>
<body>
<form action="" method="post">
<input type="checkbox" name="rodamientos" value="ON" checked onClick="habilitaDeshabilita(this.form)"> RODAMIENTOS
<br><br>
<tr>
<td><strong>Producto:</strong></td>
<td><input type="text" readonly="Rodamiento" value="Rodamiento" size="10" /></td>
</tr>
<br></br>
<tr>
<td><strong>Referencia:</strong></td>
<td><input type="text" name="referencia" id="ref" /></td>
<td><strong>Marca:</strong></td>
<td><input type="text" name="marca" /></td>
<td><strong>Tipo:</strong></td>
<td><input type="text" name="tipo" /></td>
</tr>
<td colspan="2"><input type="submit" value="Adicionar" /></td>
</form>
</body>
se los agradecería mucho.