Überprüfung der Radiobuttons per JavaScript

Paze · 14.05.2009, 15:51

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, 17:36

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-Code:

<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, 19:22

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, 19:53

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, 08:00

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! :P

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

lg Paze

***developr*** · 15.05.2009, 09:13

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

.

***developr*** · 15.05.2009, 10:20

Habe deine neue Frage mal in ein neues Thema verschoben

.
Überprüfung von DropDown Menü per JavaScript

14.05.2009, 17:36	#2
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung der Radiobuttons per JavaScript 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-Code: <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.

14.05.2009, 19:22	#3
Paze Benutzer Registriert seit: 14.05.2009 Ort: Heidelberg Beiträge: 39	AW: Überprüfung der Radiobuttons per JavaScript 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

14.05.2009, 19:53	#4
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung der Radiobuttons per JavaScript 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 .

15.05.2009, 09:13	#6
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung der Radiobuttons per JavaScript Neues Problem, neues Thema, ich bin gespannt ob ich dir da wieder helfen kann .

15.05.2009, 10:20	#7
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Überprüfung der Radiobuttons per JavaScript Habe deine neue Frage mal in ein neues Thema verschoben . Überprüfung von DropDown Menü per JavaScript

15.05.2009, 08:00	#5
Paze Benutzer Registriert seit: 14.05.2009 Ort: Heidelberg Beiträge: 39	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! :P Nunja...ernüchterung folge sofort, nächstes Problem xD lg Paze

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche