ein <fieldset> mit zwei radiobuttons

[Mario]

Hi,

ich habe zwei Radiobuttons, wobei NUR der erste ein <fieldset> aufrufen soll.
Da der zweite keine zusatzinformationen benötigt, soll das <fieldset> nicht sichtbar sein.
Soweit klappt auch alles. Wenn man jedoch zunächst den ersten anklickt (das <fieldset> wird sichtbar) sich dann aber umentscheidet und doch den zweiten anklickt, bleibt das <fieldset> sichtbar.

Gibt es also eine Möglichkeit, das <fieldset> wieder zu deaktivieren, wenn man den zweiten radiobutton anklickt.
Der erste soll aktivieren, der zweite soll deaktivieren.

Hier mein Code:

-------------------------------------------
...
<script type="text/javascript">
function zusatzdaten(chk)
{
var fs = document.getElementById('zusatzdaten_' + chk.id);
fs.style.display = (chk.checked) ? '' : 'none';
}
</script>
...
<input type="radio" name="catcher" value="einzel" id="f3" onclick="zusatzdaten(this);">Einzel
<input type="radio" name="catcher" value="multi">Mehrfach
<hr>
<fieldset id="zusatzdaten_f3" style="display:none;">
an:<input name="menge" type="text" value="" size="34">
</fieldset>
...
-------------------------------------------

Vielen Dank für anschauliche Tipps

Gruß Mario

[ChrisB]

Hi,

Wenn man jedoch zunächst den ersten anklickt (das <fieldset> wird sichtbar) sich dann aber umentscheidet und doch den zweiten anklickt, bleibt das <fieldset> sichtbar.

Dann reagiere auch auf den Klick auf den zweiten Radiobutton.

Und was soll das ganze eigentlich mit PHP zu tun haben?

MfG ChrisB

[Mario]

mhh...

sowit klappt das jetzt - Aber mein Validator meckert jetzt rum:

Warnung: <input> anchor "f3" already defined

Mein jetztiger Code:
------------------------------------------------------------
...
<script type="text/javascript">
function zusatzdaten(chk)
{
var fs = document.getElementById('zusatzdaten_' + chk.id);
fs.style.display = (chk.checked) ? '' : 'none';
}
function blind(chk)
{
var fs = document.getElementById('zusatzdaten_' + chk.id);
fs.style.display = 'none';
}
</script>
...
<input type="radio" name="catcher" value="einzel" id="f3" onclick="zusatzdaten(this);">Einzel
<input type="radio" name="catcher" value="multi" id="f3" onclick="blind(this);">Merhfach
<fieldset id="zusatzdaten_f3" style="display:none;">
anzahl:<input name="to" type="text" value="" size="34">
</fieldset>
-----------------------------------------------------------
Muss ich damit leben, oder hast Du da noch einen Tipp?

[ChrisB]

Hi,

sowit klappt das jetzt - Aber mein Validator meckert jetzt rum:

Warnung: <input> anchor "f3" already defined

Natuerlich, eine ID hat nun mal dokumentweit eindeutig zu sein.

Muss ich damit leben, oder hast Du da noch einen Tipp?

Du kannst das Fieldset ja auch identifizieren, bspw. in dem du gleich beim Aufruf der Funktion seine ID uebergibst.

MfG ChrisB

[Mario]

Hey ChrisB,

Mensch Prima ! Ich bin begeistert - klappt alles ohne Medlungen und Probleme.

Vielen Dank nochmal

Gruß