Boton de Radio!!!

lestlienoe · #1 (**permalink**) 30/01/2008, 14:19

Hola a todos, tengo la siguiente funcion:

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>

Bueno esta funcion lo que hace es habilitar o desabilitar objetos de un formulario funciona todo a la perfeccion pero resulta ser que cuando abro el formulario hay un radio boton que tiene que estar en checked pero este no desabilita nada

, hay que darle un click para que desabilite lo que yo quiero, tengo esto:

Código HTML:

<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>

Lo que quiero es que se desabilite un elemento X de un formulario cuando este en checek sin necesidad de dar click. De antemano Gracias a quien pueda ayudarme. Saludos.

Panino5001 · #2 (**permalink**) 30/01/2008, 15:29

Fijate si así te sirve:

Código PHP:

  <!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=iso-8859-1" />

<title>test</title>

<script>

window.onload=function(){

    setInterval(

    function(){

        els=document.getElementsByTagName('input')

        for(i=0;i<els.length;i++){

            if(els[i].type=='radio' && els[i].checked)

                els[i].disabled=1;

            else

                els[i].disabled=0;

        }

    },500);

}

</script>

</head>

 
<body><form>

<table width="100%"  border="0">

         <tr>

          <td><input name="var_tllamada" type="radio" value="1">

            Audiencia</td>

        </tr>

        <tr>

          <td><input name="var_tllamada" type="radio" value="2">

            Invitación</td>

        </tr>

        <tr>

          <td><input name="var_tllamada" type="radio" checked value="3">

            Ninguna de las Anteriores. </td>

        </tr>

      </table></form>

</body>

</html>

lestlienoe · #3 (**permalink**) 30/01/2008, 18:27

Hola muchas gracias por contestar Panino5001 mira esta muy bien tu ejemplo pero lo que yo quiero es que cuando este un boton de radio en cheked me desabilite alguna de las opciones que yo tengo en el formulario pero no los botones de radio si no otros elementos, como tengo mi funcion el problema es cuando tengo un boton de radio en cheked o sea quiero que hago todo como lo tengo lo unico que cambie es lo que te comento cuando un radio boton esta en cheked. Gracias.

marcopoloaz06 · #4 (**permalink**) 30/01/2008, 23:23

Código HTML:

<script type="text/javascript">
function mostrar(f,e){ 
 for(var j=0;j<f.elements.length;j++){
 var fe=f.elements[j];
if(fe.type=="radio" &&fe.name!="var_tllamada"&& fe.disabled) fe.disabled=false;
 }
  for(var i=0;i<e.length;i++)
 eval("f."+e[i]+".disabled=true;");
}
</script>

o

Código HTML:

<script type="text/javascript">
function mostrar(f,e){ 
  for(var i=0;i<e.length;i++)
 eval("f."+e[i]+".disabled=true;");
}
</script>

Hola. Ps bueno ps si entiendes javascript ya mas o menos te daras cuenta de lo que trata, con el ejemplo que te voy a poner funciona Bien, solo le puedes pasar names de elementos que estan en el formulario que pasas como primer parámetro y para la primera función trata que todos los checks tengan el mismo name de los otros 3 ("var_tllamada").

Con esto lo puedes probar:

Código HTML:

<form name="formulario">

<input name="var_tllamada" type="radio" value="1" onchange="mostrar(this.form,['var_fe','var_he'])">
Audiencia<br>
<input name="var_tllamada" type="radio" value="2" onchange="mostrar(this.form,['var_he'])">
Invitación<br>
<input name="var_tllamada" type="radio" value="3" onchange="mostrar(this.form,['var_he','var_le'])">
Ninguna de las Anteriores.<br>
<input name="var_fe" type="radio" value="2">
var_fe<br>
<input name="var_he" type="radio" value="2">
var_he<br>
<input name="var_le" type="radio" value="2">
var_le<br>

</form>

Aquí esta el ejemplo:
http://polopolomp.6te.net/botonderadio/

Bueno espero y eso este bien por que eso fue lo que entendí mas o menos.
Bueno saludos.
Adiosss...!

lestlienoe · #5 (**permalink**) 31/01/2008, 13:12

Hola marcopoloaz06, muchas gracias por tomarte tu tiempo y contestarme lo que quiero es que cuando entre a la pagina este un boton de radio ya seleccionado y que automaticamente me desabilite algun elemento "X" del formulario. Espero y puedas ayudarme, gracias.