habilitar varios input si checkbox selecionado

vmac179 · #1 (**permalink**) 06/09/2008, 22:43

Hola amigos, me dirijo a ustedes para ver si me pueden ayudar en una larga agonía, tengo que habilitar mas de un campo por medio de un checkbox y solo logro hacerlo con un campo

Código PHP:

  <html>

<head>

<script>

function habilita(){

if(document.formulario.nombre.disabled == true) {

document.formulario.nombre.disabled = false;

} else {

document.formulario.nombre.disabled = true; }

 
}

</script>

</head>

<body>

<form name="formulario">

<input type="checkbox" onClick="habilita()">

<input type="text" name="nombre" disabled>

</form>

</body>

</html>

Tengo esto, pero el problema es que solo me sirve para un solo campo como sería para que me habilitara mas de uno, espero me puedan ayudar.

Saludos..!

Legoltaz · #2 (**permalink**) 07/09/2008, 02:00

Código PHP:

  <script>

function funcion(){

    if(document.formulario.box.checked == true){

        document.formulario.nombre.disabled = false;

        document.formulario.campo2.disabled = false;

    }

    else{

        document.formulario.nombre.disabled = true;

        document.formulario.campo2.disabled = true;

    }

}

</script>

<form name="formulario">

<input type="checkbox" name="box" onclick="funcion()" />

<input type="text" name="nombre" disabled />

<input type="text" name="campo2" disabled />

</form>

vmac179 · #3 (**permalink**) 10/09/2008, 13:36

gracias... totales

David · #4 (**permalink**) 10/09/2008, 13:39

¿No te funcionó la solucón de Legoltaz o no era lo que necesitabas?.

Lo único que hace es añadir más un campo, y añadir ese campo al código para que también sea habilitado/deshabilitado.

jseros · #5 (**permalink**) 10/09/2008, 13:52

o también lo puedes hacer así:

Código PHP:

  
<html>
<head>
<script>
function habilita( idscampos )
{
    var campoActual = null;
    
    for( var i = 0 ; i < idscampos ; i++ )
    {
        campoActual = document.getElementById( idscampos[i] );
        
        if( campoActual.disabled == true)
            campoActual.disabled = false;
        else
            campoActual.disabled = true;
    }
    
}
</script>
</head>
<body>
<form name="formulario">
<input type="checkbox" onClick="habilita( [ 'nombre' , 'apellido' ] )">
<input type="text" name="nombre" id="nombre" disabled="disabled" />
<input type="text" name="apellido" id="apellido" disabled="disabled" />
</form>
</body>
</html>

Fijate que cambie algunas partes del código. Lo que hago es pasar como parámetro a la función habilitar() un arreglo con los ID de los campos que quiero deshabilitar. Ella simplemente recorre ese arreglo y hace su trabajo.

Exitos.