Überprüfung der Radiobuttons per JavaScript

Paze · 14.05.2009

Hallo alle, erstmal -> ich bin der Paze =)

Mal mein Quelltext:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function fenster1()
{
var Fneu;
var art=document.Formular.zahlung.value;
Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(" Sie möchten " + art + " nutzen!");
Fneu.document.close();
}
//-->
</script>
<title>Zahlung</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Zahlen</h1>
<br />
<br />
<br />
<form action=""  name="Formular">
  <p>Geben Sie Ihre Zahlungsweise an:</p>
  <p>
    <input type="radio" name="zahlung" value="Mastercard" ID="1"> Mastercard<br />
    <input type="radio" name="zahlung" value="Visa" ID="2"> Visa<br />
    <input type="radio" name="zahlung" value="AmericanExpress" ID="3" > American Express<br />

  </p>
         <input type="button" value="Sags mir"  onclick="fenster1()">

</form>
</body>
</html>

Mein Problem ist, ich möchte per JavaScript den Aktivierten Radiobutton in einem neuen Fester ausgeben.
Der Hacken an der Sache ist, durch den identischen " name="zahlen" " Tag, weiss das JavaScript nicht welcher nun aktiviert ist und gibt mir einfach undefinied an.

Hab schon so einiges versucht, aber egal was ich verwende. Entweder kommt immer "Mastercard" oder eben Undefinied.
Ich hab oft gelesen, es soll mit PHP sehr leicht gehen, aber ich hab absolut keine PHP Kenntnisse, und bin atm auch nicht gewillt es zu lernen.

Ich hoffe hier kann mir villeicht jmd helfen.
Bedanke mich auf jedenfall schon im voraus bei euch =)

developr · 14.05.2009

Der Inhalt eines Radio Buttons gleicht einem Array. Über die DOM Funktion könntest du mit document.Formular.zahlung[0].value drauf zugreifen. Die 0 wäre hier die Mastercard, 1 = Visa und 2 = AmercianExpress.

Ich würde es so machen, dass du den Inhalt der Variable zahlung prüft, ob sie undefined ist oder einen Wert enthält und diesen dann entsprechend ausgeben.

Habe deine Java-Script Funktion erweitert, ersetze diese mal mit deiner.

HTML:

<script type="text/javascript">
<!--
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}
function fenster1()
{
var Fneu;
//var art=document.Formular.zahlung[].value;
var art = getCheckedValue(document.Formular.zahlung);
Fneu = window.open("","Bestätigung","width=340, height=150");
Fneu.document.open("text/html");
Fneu.document.write(" Sie möchten " + art + " nutzen!");
Fneu.document.close();
}
//-->
</script>

Edit: Beachte, dass Java-Script immer vom Clienten manipuliert werden können. Wenn es sich hier um Zahlungsmittel für einen Shop oder ähnlichen handelt, solltest du wirklich auf PHP setzen, da hier der Code für den Clienten nicht einsehbar ist. Bei PHP wird nur das Ergebnis ausgegeben, hier z.B. eben einer der geklickten Kreditkarten.

Paze · 14.05.2009

Ich werde dein Script morgen auf der Arbeit mit erwartungvoller Freude testen. Danke dir schonmal im voraus.

Natürlich würde ich mit JavaScript keinen realen Shop ins Internet setzen.

In dem Beispiel handelt es sich nur um Testdinge, um nicht den realen riesiegen Quelltext online stellen zu müssen.
Das Original dient dazu um mit einer Weboberfläche und ein paar einfach Klicks ein Arbeitszeugniss zu erstellen.

lg Paze

developr · 14.05.2009

Achso... na dann viel Glück

.

Habe es hier aber auch schon getestet, bevor ich das hier gepostet hab. Sollte demnach auch bei dir einwandfrei funktionieren

.

Paze · 15.05.2009

Hmm...so fies es klingen mag -> Es tut nichts!
Hab ich irgendetwas vergessen im HTML code einzufügen?

Was müsste ich den an den Tag's der radiobuttons bzw. des "Senden" Button noch ändern, das deine Abfrage funktioniert?

Edit: Auf jedenfall tut es jetzt einwandfrei!
U are my Hero!

Nunja...ernüchterung folge sofort, nächstes Problem xD

lg Paze

developr · 15.05.2009

Neues Problem, neues Thema, ich bin gespannt ob ich dir da wieder helfen kann

.

developr · 15.05.2009

Habe deine neue Frage mal in ein neues Thema verschoben

.
http://www.html-forum.de/javascript/6391-uberpruefung-dropdown-menue-per-javascript.html