Verbindung eines Radio-Buttons mit einem Check-Button in Java Script

flytogether

Grünschnabel
Hallo
Seit mein Provider von Unix auf Linux umgestellt hat funktioniert das CGI Script nicht mehr weshalb ich mich nunmehr in Java-Script einarbeiten muss. Es hakt zur Zeit aber am Bestellformular:
Für eure Hilfe wäre ich sehr dankbar.

In dem Bestellformular sind vier Radiobuttons für die Zahlweise:
Radiobutton Nummer 1: Kostenlos
Radiobutton Nummer 2: SEPA Überweisung
Radiobutton Nummer 3: Paypal
Radiobutton Nummer 4: SEPA Lastschrift

Das Abfragen der Radiobuttons erfolgt fehlerfrei.

Der letzte Radiobutton regelt den SEPA-Einzug. Damit verbunden ist die "Ermächtigung", die mit der Checkbox als Pflichteingabe geprüft wird.

Die erste if-Anweisung funktioniert wie gesagt fehlerfrei.
Sobald ich die zweite Script-Anweisung (kursic dargestellt) einbinde, erhält der Absender einen alert ("bitte setzen Sie das Häkchen für die Ermächtigung der SEPA-Lastschrift". Er bekommt diesen alert auch, wenn er z.B. den Radiobutton "Kostenlos" gewählt hat (Und das ist unsinnig).

Ich suche die Verknüpfung, dass wenn Bankeinzug gewählt ist, der Absender auch die Ermächtigung anklicken muss.





Der Scrip sieht so aus:
Javascript:
if (!(document.Formular.Zahlungsweise[0].checked || document.Formular.Zahlungsweise[1].checked || document.Formular.Zahlungsweise[2].checked || document.Formular.Zahlungsweise[3].checked)) {
    alert("Bitte teilen Sie mir mit, wie Sie zahlen möchten")
     return false;
}

if (!(document.Formular.Zahlungsweise[3].checked && document.Formular.Ermaechtigung_für_SEPA_Basislastschrift.checked)) {
    alert("bitte setzen Sie das Häkchen für die Autorisierung des SEPA-Lastschrift");
    document.Formular.Ermaechtigung_für_SEPA_Basislastschrift.focus();
    return false;
}

if (document.Formular.Zahlungsweise[3].checked && document.Formular.Kontoinhaber.value == "") {
    alert("bitte den Namen des Kontoinhabers angeben");
    document.Formular.Kontoinhaber.focus();
    return false;
}

if (document.Formular.Zahlungsweise[3].checked && document.Formular.Strasse_Kontoinhaber.value == "") {
    alert("bitte Strasse des Kontoinhabers angeben");
    document.Formular.Strasse_Kontoinhaber.focus();
    return false;
}
usw usf.

Der HTML Code sieht so aus:
HTML:
<table border="0" rules=none cellpadding=1 cellspacing=0 bgcolor=silver>
<tr>
<td valign=top width=130 height=5 bgcolor=silver>
<img width=70 border=0 src="blnk.gif"></td>
<td valign=top width=30>
<input type="radio" name="Zahlungsweise" value="kostenlose Lieferung">
</td>
<td valign=top width=1 height=5>&nbsp;
</td>
<td valign=top width=800 height=5 bgcolor=silver>
<font face="Trebuchet MS" size=2>kostenlose Lieferung</font>
</td>
</tr>

<tr>
<td valign=top width=130 height=5 bgcolor=silver>
<img width=70 border=0 src="bilder bestellformular/sepa_logo.jpg"></td>
<td valign=top width=30>
<input type="radio" name="Zahlungsweise" value="Vorauskasse per Banküberweisung">
</td>
<td valign=top width=1 height=5>&nbsp;
</td>
<td valign=top width=800 height=5 bgcolor=silver>
<font face="Trebuchet MS" size=2>Vorauskasse per Banküberweisung</font>
</td>
</tr>

<tr>
<td valign=top width=130 height=5 bgcolor=silver>
<img width=70 border=0 src="bilder bestellformular/paypal.png"></td>

<td valign=top width=30>
<input type="radio" name="Zahlungsweise" value="Vorauskasse per Paypal">
</td>
<td valign=top width=1 height=5>&nbsp;
</td>
<td valign=top width=800 height=5 bgcolor=silver>
<font face="Trebuchet MS" size=2>Vorauskasse</font>
</td>
</tr>

<tr>
<td valign=top width=130 height=5 bgcolor=silver>
<img width=70 border=0 src="bilder bestellformular/sepa_logo.jpg">
</td>

<td valign=top width=30>
<input type="radio" name="Zahlungsweise" value="SEPA Bankeinzug">
</td>
<td valign=top width=1 height=5>&nbsp;
</td>
<td valign=top width=800 height=5 bgcolor=silver>
<font face="Trebuchet MS" size=2>SEPA-Basis-Lastschrift</font>
</td>
</tr>

<tr>
<td valign=top width=130 height=5 bgcolor=silver>&nbsp;
</td>
<td valign=top width=30>
<input type="checkbox" name="Ermaechtigung_für_SEPA_Basislastschrift" value="">
</td>
<td valign=top width=1 height=5>&nbsp;
</td>
<td width=800><font face="Trebuchet MS" size=2>
Ich ermächtige ......</font>
</td>
</tr>
</table>
 
Zuletzt bearbeitet von einem Moderator:
Zurück