Foros del Web » Creando para Internet » Diseño web »

radio que habilita input text

Estas en el tema de radio que habilita input text en el foro de Diseño web en Foros del Web. URGENTEEEEE Hola, tengo un problema: varios radio button con el mismo nombre para que se cuando selecciono uno se desseccione el otro <form id="form1" method="post" ...
  #1 (permalink)  
Antiguo 25/11/2010, 10:25
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
radio que habilita input text

URGENTEEEEE
Hola, tengo un problema:
varios radio button con el mismo nombre para que se cuando selecciono uno se desseccione el otro

<form id="form1" method="post" action="listar1_2.php">
<table width="650" border="0">
<tr><td colspan="3">Buscar Por:
<input name="buscarpor" type="radio" value="periodo" id="buscarpor" onclick="habilitaDes()"/>Rango Periodo;
<input name="buscarpor" type="radio" value="cedula" id="buscarpor" onclick="habilitaDes()"/>Cedula;
<input name="buscarpor" type="radio" value="nombre" id="buscarpor" onclick="habilitaDes()"/>Nombre</td></tr>
<tr>
<td width="198">Ingrese Periodo de Busqueda: </td>
<td width="412">desde<input type="text" name="inicio" id="inicio" size="20" disabled="disabled" />
hasta<input type="text" name="fin" id="fin" size="20" disabled="disabled"/>

</td>
</tr>
<tr>
<td width="198">Ingrese Cedula a Buscas: </td>
<td width="412"><input type="text" name="cedula" id="cedula" size="20" disabled="disabled"/></td>
</tr>
<tr>
<td width="198">Ingrese Nombre a Buscas: </td>
<td width="412"><input type="text" name="nombre" id="nombre" size="50" disabled="disabled"/></td>
</tr>
<tr><td colspan="3" align="center"><input type="submit" name="consulta" value="Consultar Concejales"/> </td></tr>
</table></form>


y la parte en javascript

function habilitaDes()
if (radio[0].checked){
form.inicio.disabled = false;
form.fin.disabled = false;
form.cedula.disabled = true;
form.nombre.disabled = true;
}
if (radio[1].checked){
form.inicio.disabled = true;
form.fin.disabled = true;
form.cedula.disabled = false;
form.nombre.disabled = true;
}
if (radio[2].checked){
form.inicio.disabled = true;
form.fin.disabled = true;
form.cedula.disabled = true;
form.nombre.disabled = false;
}
}

he probado de varias formas, pero esta es la que me parese mas logica, si alguien puede colaborarle le agradeceria

pdt: perdon por el desoden, soy nueva en el foro
  #2 (permalink)  
Antiguo 25/11/2010, 11:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: radio que habilita input text

ok lo copie en otro archivo y aqui lo dejo por si a alguien le sirve:
javascript
function deshabilitahabilita0(){
document.frm.inicio.disabled = false;
document.frm.fin.disabled = false;
document.frm.cedula.disabled = true;
document.frm.nombre.disabled = true;
}
function deshabilitahabilita1(){
document.frm.inicio.disabled = true;
document.frm.fin.disabled = true;
document.frm.cedula.disabled = false;
document.frm.nombre.disabled = true;
}
function deshabilitahabilita2(){
document.frm.inicio.disabled = true;
document.frm.fin.disabled = true;
document.frm.cedula.disabled = true;
document.frm.nombre.disabled = false;
}
html
<form name='frm' method="post" action="listar1_2.php">

<table> <tr><td colspan="2">Buscar Por:
<input name="buscarpor" type="radio" value="periodo" id="buscarpor" onclick="deshabilitahabilita0()"/>
Rango Periodo;
<input name="buscarpor" type="radio" value="cedula" id="buscarpor" onclick="deshabilitahabilita1()"/>
Cedula;
<input name="buscarpor" type="radio" value="nombre" id="buscarpor" onclick="deshabilitahabilita2()"/>
Nombre </p>
<tr>
<td width="198">Ingrese Periodo de Busqueda: </td>
<td width="412">desde<input type="text" name="inicio" id="inicio" size="20" disabled/>
hasta<input type="text" name="fin" id="fin" size="20" disabled/>

</td>
</tr>
<tr>
<td width="198">Ingrese Cedula a Buscas: </td>
<td width="412"><input type="text" name="cedula" id="cedula" size="20" disabled/></td>
</tr>
<tr>
<td width="198">Ingrese Nombre a Buscas: </td>
<td width="412"><input type="text" name="nombre" id="nombre" size="50" disabled/></td>
</tr>
<tr><td colspan="3" align="center"><input type="submit" name="consulta" value="Consultar Concejales"/> </td></tr>
</table>
</form>

Etiquetas: input, radio, txt
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 14:56.