Foros del Web - Ver Mensaje Individual - color cajas de texto habilitadas y deshabilitadas

lucarto · #2 (**permalink**) 20/05/2013, 08:26

Hola Keine.

Te recomieno que utilices jquery que es la forma mas rapida y sencilla de hacer este tipo de cosas.

esto es lo que necesitas.

Código HTML:

Ver original<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#rodamientos").click(function(){
                    if($(this).is(':checked')){
                        $("#referencia, #marca, #tipo").attr('disabled', true);
                        $("#referencia, #marca, #tipo").css('background', 'green');
                    } else {
                        $("#referencia, #marca, #tipo").attr('disabled', false);
                        $("#referencia, #marca, #tipo").css('background', '#FFFFFF');
                    }
                });
            });
        </script>
    </head>
    
    <body>
        <form action="" method="post">
            <input type="checkbox" name="rodamientos" id="rodamientos" /> RODAMIENTOS
            <br><br>
            <table>
                <tr>
                    <td><strong>Producto:</strong></td>
                    <td><input type="text" name="" value="Rodamiento" size="10" /></td>
                </tr>
                <tr>
                    <td><strong>Referencia:</strong></td>
                    <td><input type="text" name="referencia" id="referencia" /></td>
                    <td><strong>Marca:</strong></td>
                    <td><input type="text" name="marca" id="marca" /></td>
                    <td><strong>Tipo:</strong></td>
                    <td><input type="text" name="tipo" id="tipo" /></td>
                </tr>
                <tr>
                    <td colspan="2"><input type="submit" value="Adicionar" /></td>
                </tr>
            </table>
        </form>
    </body>
</html>

Saludos