Zum Inhalt springen

Überprüfung der Radiobuttons per JavaScript


Paze

Empfohlene Beiträge

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

Mal mein Quelltext:

<!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 =)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ok, Problemstellung:

Man kann Radiobuttons leider nicht direkt mit Value ansprechen. Daher benötigst du eine Schleife, welche durchläuft und kontrolliert, ob der jeweilige Button gechecked ist.

Hier die Lösung:

<!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;


		for(x=0;x<3;x++)

			{

				if(document.getElementsByName('zahlung')[x].checked == true)

					{

						var art=document.getElementsByName('zahlung')[x].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>

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...