JS Beispiel RadioButtons 3

Developer
Size
1,971 Kb
Views
20,240

How do I make an js beispiel radiobuttons 3?

What is a js beispiel radiobuttons 3? How do you make a js beispiel radiobuttons 3? This script and codes were developed by Anna Prenzel on 04 September 2022, Sunday.

JS Beispiel RadioButtons 3 Previews

JS Beispiel RadioButtons 3 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>JS Beispiel RadioButtons 3</title>
</head>
<body> <h3>Zahlungsmethoden</h3>
<p>Bitte wählen Sie eine Zahlungsmethode</p>
<div id="z_methoden"> <input name="zahlung" value="PayPal" type="radio">PayPal</input><br> <input name="zahlung" value="Rechnung" type="radio">Rechnung</input><br> <input name="zahlung" value="Kreditkarte" type="radio">Kreditkarte</input><br>
</div>
<br>
<button onclick="submit()">Fertig</button> <span id="message"></span> <script src="js/index.js"></script>
</body>
</html>

JS Beispiel RadioButtons 3 - Script Codes JS Codes

//Prüfe, welche Zahlungsmethode gewählt wurde
//Zeige für jede gewählte Methode einen anderen Hinweis an
function submit() { var div = document.getElementById("z_methoden"); //Liste mit allen Radio-Buttons var radios = div.getElementsByTagName("input"); //Überprüfe alle Radio-Buttons for (var i = 0; i < radios.length; i++) { //wurde PayPal ausgewählt? if (radios[i].checked && radios[i].value == "PayPal") { var span = document.getElementById("message"); //Zugriff auf das value-Attribut span.innerHTML = "Danke! Halten Sie Ihre Login-Daten für PayPal bereit!"; } //wurde Rechnung ausgewählt? if (radios[i].checked && radios[i].value == "Rechnung") { var span = document.getElementById("message"); //Zugriff auf das value-Attribut span.innerHTML = "Danke! Sie erhalten die Rechnung mit der Ware!"; } //wurde Kreditkarte ausgewählt? if (radios[i].checked && radios[i].value == "Kreditkarte") { var span = document.getElementById("message"); //Zugriff auf das value-Attribut span.innerHTML = "Danke! Halten Sie Ihre Kartennummer bereit!"; } }
}
JS Beispiel RadioButtons 3 - Script Codes
JS Beispiel RadioButtons 3 - Script Codes
Home Page Home
Developer Anna Prenzel
Username HSZG-Frontend-Kurs
Uploaded September 04, 2022
Rating 3
Size 1,971 Kb
Views 20,240
Do you need developer help for JS Beispiel RadioButtons 3?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Anna Prenzel (HSZG-Frontend-Kurs) Script Codes
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!