JS Beispiel RadioButtons 3
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 - 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!"; } }
}
Developer | Anna Prenzel |
Username | HSZG-Frontend-Kurs |
Uploaded | September 04, 2022 |
Rating | 3 |
Size | 1,971 Kb |
Views | 20,240 |
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!
Name | Size |
JS Beispiel Input | 1,507 Kb |
JS Beispiel getElementbyId | 1,615 Kb |
JS Aufgabe Zitat | 1,498 Kb |
JS Beispiel innerHTML2 | 1,734 Kb |
JS Aufgabe RadioButtons | 1,523 Kb |
JS Beispiel RadioButtons | 2,094 Kb |
JS Aufgabe Kommentar | 1,767 Kb |
JS Beispiel RadioButtons 2 | 1,836 Kb |
JS RadioButtons 2 angularJS | 1,699 Kb |
JS Beispiel Input Farbe | 1,575 Kb |
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!
Name | Username | Size |
Gradients | Karpovsystems | 2,394 Kb |
Mobile first social buttons with no iframe | Alistairtweedie | 3,158 Kb |
3d css cube | Semenchenko | 4,578 Kb |
NeeilTimer | Neeilan | 2,836 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
LAMP PURE CSS with Animation | Dam62500 | 2,911 Kb |
A Pen by Patrick Cox | Pcridesagain | 2,899 Kb |
SVG Icons Template | Legofsalmon | 2,618 Kb |
Mobile Sub Menu Concept | Berdejitendra | 2,790 Kb |
Fellowship of the Ring | Aussieyang | 2,639 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!