Jump to content

Habilitar o deshabilitar text


Recommended Posts

Bueno esto explica como deshabilitar o habilitar un input de text con un input radio

 

PRE-DATA: si se que no es un script php, pero es un script muy util y lo postie aca porque creo que es bastante util, valga la rebundancia, para los webeomaster novatos.

 

primero entre los tags <head></head>

 

colocar esto:

 

<script language="JavaScript">

 

function habilita()

{

document.frm.dia.disabled = false;

document.frm.mes.disabled = true;

document.frm.mes.value = "";

}

 

function habilita1(){

document.frm.mes.disabled = false;

document.frm.dia.disabled = true;

document.frm.dia.value = "";

}

 

</script>

 

ahora entre <body></body>

 

el formulario:

 

<form name="frm">

Ver dias<input type="radio" name="modo" onclick="habilitar()" CHECKED>

<input type="text" name="dia">

Ver mes<input type="radio" name="modo" onclick="habilitar1()">

<input type="text" name="mes">

</form>

 

Les explico lo que hace esto ahora que tenemos el script:

 

Si pinchas en el input radio que esta con Ver dias:

se habilitara el input text con name dia y se deshabilitara el input text mes y lo volvera valor "" (nada)

Si pinchas en el input radio que esta con Ver mes:

se habilitara el input text con name mes y se deshabilitara el input text dia y lo volvera valor "" (nada)

 

 

Observacion:Si ocupas el input reset (el que vuelve el form a su estado original) este sistema de falla (es algo logico)

 

Espero que les sirva, yo lo he ocupado para muchas cosas, para evitar errores o engaños humanos en un form...

 

PD:El form que se muestra en este topic es bastante sencillo uds deben agregar el method, action, enctype, submit y bla bla bla....

 

PD2:Avizenme si les funciona bien. o si les gusto. :P

Edited by alvaroxz
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...