Foros del Web » Programando para Internet » Javascript »

bloquear input text con radiobutton

Estas en el tema de bloquear input text con radiobutton en el foro de Javascript en Foros del Web. estimados tengo un pequeño y lo mejor trivial problema osy nuevo en php estoy migrando desde visual.net a estos lados y me ha costado bastante, ...
  #1 (permalink)  
Antiguo 29/10/2008, 07:54
 
Fecha de Ingreso: marzo-2006
Mensajes: 202
Antigüedad: 18 años, 1 mes
Puntos: 2
bloquear input text con radiobutton

estimados tengo un pequeño y lo mejor trivial problema osy nuevo en php estoy migrando desde visual.net a estos lados y me ha costado bastante, pero no me doy por vencido
aca mi duda: tengo dos radio buttons en una tabla al lado del promero un combo box y al lado del segun 2 cajas de texto quiero que al seleccionar uno bloquee los otros ejemplo selecciono el primero y bloquee las caja de texto. selecciono el segundo y bloque el combo box aca el codigo:


<html>
<head>
<title>EJEMPLO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form method="POST" name="form2" id ="form2">
<div id="vform">
<div id="bmenu"></div>
<div id="rform">
<table>
<tr valign="baseline">
<td width="2" height="25" nowrap>&nbsp;</td>
<td width="40"><div align="center">
<input name="bthorario" type="radio" value="opcion1">
</div></td>
<td width="40">Horario:</td>
<td><select name="select" >
<option value="1">1</option>
<option value="2">2</option>
</select></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr valign="baseline">
<td nowrap>&nbsp;</td>
<td width="40"><div align="center">
<input name="bthorario" type="radio" value="opcion2" >
</div></td>
<td>Hora:</td>
<td><input name="hora" type="text" class="text1" id="hora"></td>
<td>Minutos:</td>
<td><input name="textfield" type="text" class="text1"></td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 29/10/2008, 08:00
Avatar de vidalsoft  
Fecha de Ingreso: julio-2008
Ubicación: /www/...
Mensajes: 339
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: bloquear input text con radiobutton

Hola, primero que nada eso se hace al lado del cliente por javascript
donde solo manipularias la propiedad onclick del elemtento bloqueador y la propiedad enable
del elemento bloqueado,

logica:

al hacer click (onclick="bloqueo();") propiedad de elemento bloqueador llamar una funcion que bloquee :

function bloqueo(){
document.form.nombre_de_elemento_que_sera_bloquead o.enable=false;
}

saludos... busca en las FAQ's de Javascript, facil que trastaladan el tema...
__________________
Anthony Vidal Contreras | @AnthonyVidalC | Skype: vidalsystem | [email protected]
  #3 (permalink)  
Antiguo 29/10/2008, 08:24
 
Fecha de Ingreso: octubre-2007
Mensajes: 47
Antigüedad: 16 años, 6 meses
Puntos: 2
Respuesta: bloquear input text con radiobutton

Hola,

he modificado un poco el código para que haga lo que quieres. Fijate bien el la función javascript y en las propiedades añadidas a los campos del formulario para que comprendas mejor el funcionamiento y puedas aplicarlo a otras cosas cuando lo necesites. Un saludo.

Código PHP:
<html>
<
head>
<
title>EJEMPLO</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<
script language="javascript">

function 
anular(){
    
    
document.form2.hselect.disabled=!document.form2.hselect.disabled;
    
document.form2.hora.disabled=!document.form2.hora.disabled;
    
document.form2.textfield.disabled=!document.form2.textfield.disabled;

}
</script>

</head>
<body>

<form method="POST" name="form2" id ="form2">
    <div id="vform">
        <div id="bmenu"></div>
        <div id="rform">
            <table>
            <tr valign="baseline">
                <td width="2" height="25" nowrap>&nbsp;</td>
                <td width="40"><div align="center">
                <input name="bthorario" type="radio" value="opcion1" onClick="javascript:anular()" checked>
                </div></td>
                <td width="40">Horario:</td>
                <td><select name="hselect" >
                <option value="1">1</option>
                <option value="2">2</option>
                </select></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr valign="baseline">
                <td nowrap>&nbsp;</td>
                <td width="40"><div align="center">
                <input name="bthorario" type="radio" value="opcion2" onClick="javascript:anular()" >
                </div></td>
                <td>Hora:</td>
                <td><input name="hora" type="text" class="text1" id="hora" disabled></td>
                <td>Minutos:</td>
                <td><input name="textfield" type="text" class="text1" disabled></td>
            </tr>
            </table>
        </div>
    </div>
</form>
</body>
</html> 
  #4 (permalink)  
Antiguo 29/10/2008, 09:08
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Respuesta: bloquear input text con radiobutton

Tema trasladado a Javascript.
  #5 (permalink)  
Antiguo 29/10/2008, 10:14
 
Fecha de Ingreso: marzo-2006
Mensajes: 202
Antigüedad: 18 años, 1 mes
Puntos: 2
Respuesta: bloquear input text con radiobutton

gracias funciono a la perfeccion......


:apla uso:: aplauso::aplau so
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:00.