Como obtener el nombre de un radio al clikear una imagen

[anacona16]

Hola expertos de la Web ahora me surge una necesidad que no he podido resolver, explico:

tengo un for que me genera unos radio button

Código PHP:

for($i=0; $i<5; $i++){
echo "<input type='radio' name='$i' />";
}
 

Ahora tengo una imagen

Código HTML:

<img src="imagen.jpg" id="imagen" />
 

Lo que necesito es que al dar clic en la imagen se guarde en una variable el nombre del radio seleccionado que como ven es un numer, intente con jQuery pero no encuentro la forma de apuntarle al radio.

Los radio estan fuera de cualquier formulario por eso pienso es un poco mas complicado

Espero puedan ayudarme gracias.

[Rappa]

No entiendo, ¿hay 1 imagen por cada radio?

[anacona16]

No, precisamente eso es lo que no quiero repetir, la imagen.

[anacona16]

Tengo esta funcion que hace lo que quiero

Código HTML:

function obtenerRadioSeleccionado(){
                elementos = document.getElementById("formulario").elements;
                longitud = document.getElementById("formulario").length;
                for (var i = 0; i < longitud; i++){
                    if(elementos[i].name == "radio_editar" && elementos[i].type == "radio" && elementos[i].checked == true){
                        return $(elementos[i]).attr('value');;
                    }
                }
                return false;
            }
 

Y asi la utilizo

Código HTML:

$('#img_editar').live('click',function(){               
                var id = obtenerRadioSeleccionado();
                if(id == false){
                    alert("Seleccione un elemento");
                }else{
                    document.location = '?controlador=productos&accion=editar&producto=' + id;
                }                
            });
 

Pero no quiero usuario un formulario quiero contar los elementos de tipo radio que hay dentro de la tabla HTML intente con getElementByTagName pero no me dio.

[lubtufano]

Lo que pasa es que no es getElementByTagName es getElementsByTagName asi debe funcionar.

Código Javascript:

function obtenerRadioSeleccionado(){
                    tabla= document.getElementById("tablaRadios");
                    elementos = tabla.getElementsByTagName("input");
                    for (var i = 0; i < elementos.length; i++){
                       if(elementos[i].name == "radio_editar" && elementos[i].type == "radio" && elementos[i].checked == true){
                           return elementos[i].value;
                       }
                   }
                   return false;
               }
 

En este ejemplo la tabla tiene un id="tablaRadios". Espero que esto te ayude, un saludo.

[anacona16]

Gracias por tu ayuda, lo he resuelto asi:

Código Javascript:

function obtenerRadioSeleccionado(){
                elementos = document.getElementsByName("radio_editar");
                for (var i = 0; i < elementos.length; i++){
                    if(elementos[i].name == "radio_editar" && elementos[i].type == "radio" && elementos[i].checked == true){
                        return $(elementos[i]).val();
                    }
                }
                return false;
            }
 

No revise tu codigo pero ahi te val el karma