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.