Hola a todos, tengo una funcion en js que habilita o desabilita ciertos cuadro de texto de un formulario cuando se seleciona un boton de radio especifico, hasta ahi todo bien.
Lo que necesito ahora es que cuando abra yo la pagina donde se encuentra esta aplicacion va a ver un radio boton ya seleccionado, esto es, con un checked entonces que me desabilite el o los elementos de texto que quiero, o sea necesito que cuando el radio boton este en checked automaticamente desabilite un elemento del formuario y que si yo quiero cambiar de radio boton, esto es, seleccionar otro, haga lo mismo habilitar y desabilitar elementos de texto del formulario, mi codigo es el siguiente:
Código HTML:
<script>
function mostrar(frm) {
//activamos todos los cuadros de texto
for(i=0;i<frm.elements.length;i++)
frm.elements[i].disabled=false;
//desactivamos los cuadros de texto que correspondan
for(i=1;i<mostrar.arguments.length;i++)
eval('frm.'+mostrar.arguments[i]+'.disabled=true');
}
</script>
<table width="100%" border="0">
<tr>
<td><input name="var_tllamada" type="radio" value="1" onclick="mostrar(this.form,'var_fe','var_he','var_le')">
Audiencia</td>
</tr>
<tr>
<td><input name="var_tllamada" type="radio" value="2" onclick="mostrar(this.form)">
Invitación</td>
</tr>
<tr>
<td><input name="var_tllamada" type="radio" checked value="3" onclick="mostrar(this.form,'var_fe','var_he','var_le')">
Ninguna de las Anteriores. </td>
</tr>
</table>
Estos son lo elementos que quiero que desabilite dependiendo del radio boton que se elija:
Código HTML:
<td width="79%"><div align="center"><strong>I N V I T A C I O N
</strong></div>
<table width="100%" border="0">
<tr>
<td width="12%">Fecha del Evento </td>
<td width="88%"><input name="var_fe" type="text"></td>
</tr>
<tr>
<td>Hora del Evento </td>
<td>><input name="var_he" type="text"></td>
</tr>
<tr>
<td>Lugar del Evento </td>
<td><input name="var_le" type="text"></td>
</tr>
</table></td>
Agradeceria mucho si pudieran ayudarme. Saludos