Habilitar desabilitar campos de texto con radioboton

kryzpo23 · #1 (**permalink**) 15/04/2011, 08:57

Hola amigos quiero pedirles si alguien me pudiera ayudar por favor con el siguiente problema que estoy tratando de solucionar pero dado que estoy comenzando con javascript no he podido,estoy trabajando con php+mysql.

Resulta que tengo una tabla que contiene datos de cuentas de agua potable(numero de cuenta; dirección de la cuenta;numero de medidor;dueño de la cuenta), lo que quiero es que al presionar una radio(radioboton) que se encuentra en la ultima columna de la tabla poder habilitar algunos label de texto de la misma fila para editar sus datos (por defecto cuando se muestra la pantalla estan todos deshabiltados para escribir). En la imagen anterior se muestra lo que deseo lograr.
Hasta el momento la duda que tengo si el evento que ejecutara la funcion de javascript es la correcta

Código HTML:

Ver original<input name="radio" type="radio" id="opcion 1" value="opcion1" onSelect="habilitar()"

no se si el evento correcto debiese ser "onSelect" u "onClick" (a pesar que intente enviar una alerta y con ninguno de los 2 me funciono)

la funcion javascript que tengo es la siguiente

Código Javascript:

Ver original<script language="javascript">
//form1 es el formulario y palabra 1 un campo de texto(por defecto desabilitado para la escritura)
 
function habilitar(){
    if(document.form1.opcion1.isSelected==true){
        alert("hola");
        
    }
    if(document.form1.opcion1.isSelected==true){
        document.form1.palabra1.enabled;
 
    }
    
}
</script>

En el primer if enviaba un mensaje para probar si entraba a la función
en el segundo if probaba habilitar el campo de texto.

Acepto cualquier critica y recomendacion de como debe ser dado que me estoy iniciando en javascript, de antemano a quien me pueda ayudar muchas gracias.

Manuellama · #2 (**permalink**) 15/04/2011, 14:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text</title>
<script language="javascript">

function habilitar(){
if(
document.getElementById("opcion1").checked ==true){
document.getElementById("palabra1").disabled= false;
}

}
</script>
</head>

<body>
<form id="form1" method="post" action="#">
<input type="text" value="Inhabilitado" id="palabra1" disabled="enabled" />
<input name="radio" type="radio" id="opcion1" value="opcion1" onclick="habilitar()" />
</form>
</body>
</html>

Prueba eso.

kryzpo23 · #3 (**permalink**) 15/04/2011, 18:48

Cita:

Iniciado por Manuellama

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text</title>
<script language="javascript">

function habilitar(){
* if(
document.getElementById("opcion1").checked ==true){
* document.getElementById("palabra1").disabled= false; * * * * *
* * }
* *
}
</script>
</head>

<body>
<form id="form1" method="post" action="#">
<input type="text" value="Inhabilitado" id="palabra1" disabled="enabled" />
<input name="radio" type="radio" id="opcion1" value="opcion1" onclick="habilitar()" />
</form>
</body>
</html>

Prueba eso.

Oh viejo muchas gracias, era precisamente lo que quería hacer, de hecho lo estoy aplicando con mas campos de texto y funciona.
Sin abusar de tu confianza me podrías recomendar algún tutorial que muestre que hacen casa una de estas funciones, ya que por lo que veo las utilizare frecuentemente.