index eine radio-elements auslesen

[Kropff]

also, ich abe mehrere radio-gruppe:

<input type="radio" name="bla" value="1" />
<input type="radio" name="bla" value="2" />
<input type="radio" name="bla" value="3" />

<input type="radio" name="blubb" value="1" />
<input type="radio" name="blubb" value="2" />
<input type="radio" name="blubb" value="3" /> 

und dazu einen entsprechenden handler:

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  document.getElementsByTagName('input')[i].onclick = function ()
  {
    alert (document.formular[this.name][hier_benötige_ich_den_numerischen_index].value);
  }
} 

den namen bekomme ich ganz normal über this.name, aber wie komme ich ohne schleifenverarbeitung der jeweiligen radio-gruppe an den entsprechenden index? oder ist das garnicht möglich?

gruß
peter

[E.T.]

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  document.getElementsByTagName('input')[i].onclick = function ()
  {
    alert (this.value);
  }
} 

[Kropff]

alert (this.value); 

das value brauche zwar auch, aber der index ist noch wichtiger, also

alert (document.formular[this.name][hier_benötige_ich_den_numerischen_index]); 

gruß
peter

[E.T.]

Man könnte anhand der Value die Elemente in einer Schleife abgleichen und somit den Index des Array ermitteln:

for (a = 0; a < document.getElementsByName('this.name').length; a++)
    if (this.value == document.formular[this.name][a].value)
       alert ('Dein Index ist: '+a); 

[Kropff]

und genau das will ich vermeiden. da könnte ich ja auf checked prüfen. was ich bisher auch so mache. aber schönist das nicht, da ich ziemlich viele radio-elemente überpürfen muss. dann hätte ich dann schleife an schleife.

gruß
peter

[E.T.]

Ich behaupte mal, es ist nicht anders machbar. Würde mich aber gerne vom Gegenteil überzeugen lassen.

[PHP-Desaster]

In JavaScript kannst du auf Variablen, die bei der Erstellung einer Funktion lokal verfügbar sind, zugreifen. Das nachfolgende Beispiel veranschaulicht das einmal

var create = function() {
    var str = 'asd';
    window.func = function() {
        alert( str );
    }
}
create();
func();

Die Ausgabe im alert ist asd!

[Kropff]

var str = 'asd'; 

bei mir geht aber nicht um variablen, sondern um radio-gruppen, also einem array unbekannter größe wo bei einem klick der entsprechende index zurückgegeben wird. und das ohne schleife.

gruß
peter

[asp2php]

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  document.getElementsByTagName('input')[i].onclick = function ()
  {
    alert (this.value);
  }
} 

[Kropff]

ich hätte das mit dem value nicht schreiben sollen

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  document.getElementsByTagName('input')[i].onclick = function ()
  {
    index = document.formular[this.name][hier_benötige_ich_den_numerischen_index];
    alert (index);
  }
} 

und diesen index benötige ich, ohne mit einer schleife zu arbeiten.

gruß
peter

[Hopka]

Ich habe zwar nicht so ganz verstanden, was du genau für einen Index haben willst und wofür du den brauchst, aber vielleicht klappt es ja so:

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  radios[i].onclick = function ()
  {
    index = Array.indexOf(this.parentNode.childNodes, this);
    alert (index);
  }
} 

[Kropff]

funktioniert zwar so nicht, ist aber eine überlegung, die ich mal weiter verfolgen werde

danke
peter

[Hopka]

hmm, ja, ich glaub das funktioniert nur in aktuellen Geckos

[PHP-Desaster]

Re: index eine radio-elements auslesen

var radios = document.getElementsByTagName('input');
for (i = 0; i < radios.length; i++)
{
  document.getElementsByTagName('input')[i].onclick = function ()
  {
    alert (document.formular[this.name][i].value); // <--- i?
  }
} 

Sonst hab ich keine Ahnung!

[asp2php]

Ich habe so verstanden, dass du die Radio-Buttons mit deiner Schleife mit onClick-EventHandler versorgen willst, d.h. es soll dann so werden:

<input .... onClick="dieFunktion();" />

Stimmt?