Conocer el index en un getElementsByName

karl0x · #1 (**permalink**) 24/01/2008, 16:37

Amigos:

Tengo la siguiente duda:

Tengo 3 radiobutton que tienen el mismo NAME y dependiendo la opcion del radiobutton quiero conocer en que index me encuentro.

pero estoy utizando getElementsByName.

Se que se trabaja de la siguiente manera
document.getElementsByName("nameElemento")[index]

pero si escojo un elemento del radio button, me gustaria que dentro de un alert me diga en que index del getElementsByName me encuentro

Quien me puede ayudar?

Quien me da una sugerencia

JavierB · #2 (**permalink**) 25/01/2008, 02:05

Hola karl0x

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ver(obj) {
  for (i=0; ele=document.getElementsByName('rad')[i]; i++)
    if (ele==obj) alert(i);
}
</script>
</head>
<body>
<input type="radio" name="rad" onclick="ver(this)" />
<input type="radio" name="rad" onclick="ver(this)" />
<input type="radio" name="rad" onclick="ver(this)" />
</body>
</html>

Saludos,

karl0x · #3 (**permalink**) 25/01/2008, 13:36

hola JavierB:

Gracias por tu respuesta, creo que necesariamente tendria que hacerlo en un bucle, pero ahora se me ocurre que no sean radiobuttons, sino que ahora seran 3del tipo <SELECT>

Código PHP:

  <script type="text/javascript"> 
function ver(obj) { 
  for (i=0; ele=document.getElementsByName('rad')[i]; i++) 
    if (ele==obj) alert(i); 
} 
</script> 
 
<input type="radio" name="rad" onclick="ver(this)" /> 
<select name="abo_nombres"> 
<option value="0"><- Seleccionar -></option> 
<option value="ABOGADO-OF.CENTRAL">BENAVIDES</option> 
<option value="COORDINADOR">BUTLER</option> 
<option value="ABOGADO-DELEGADO">CARRIZALES</option> 
</select> 
 
<input type="radio" name="rad" onclick="ver(this)" /> 
<select name="abo_nombres"> 
<option value="0"><- Seleccionar -></option> 
<option value="ABOGADO-OF.CENTRAL">BENAVIDES</option> 
<option value="COORDINADOR">BUTLER</option> 
<option value="ABOGADO-DELEGADO">CARRIZALES</option> 
</select> 
 
<input type="radio" name="rad" onclick="ver(this)" /> 
<select name="abo_nombres"> 
<option value="0"><- Seleccionar -></option> 
<option value="ABOGADO-OF.CENTRAL">BENAVIDES</option> 
<option value="COORDINADOR">BUTLER</option> 
<option value="ABOGADO-DELEGADO">CARRIZALES</option> 
</select>

Si haria un click en una opcion Ej: el segundo radiobutton y luego click en una de las opciones del SELECT correspondiente, como sabria en cual de los tres SELECT he seleccionado y que valor esta tomando?. Sabiendo que cuando seleccione uno de estos RADIO los demas SELECT que no correspondan al RADIO seleccionado se queden desabilitados.

Slds

karl0x · #4 (**permalink**) 27/01/2008, 12:43

Alguna sugerencia..:S