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 Aufgabe Todo | 1,445 Kb |
JS Beispiel getElementsByTagName | 1,908 Kb |
JS Beispiel children CSS vs JS | 1,811 Kb |
JS Beispiel innerHTML3 | 1,822 Kb |
JS Beispiel innerHTML2 | 1,734 Kb |
CSS Beispiel Submenu | 2,122 Kb |
JS Aufgabe Zitat | 1,498 Kb |
JS RadioButtons 2 angularJS | 1,699 Kb |
JS Beispiel Input Farbe | 1,575 Kb |
JS Beispiel innerHTML | 1,627 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 |
APortfolio | Skybutterfly | 5,174 Kb |
Em Test | Rodesco | 1,784 Kb |
React Recipe Box | Krokodill | 5,347 Kb |
JQuery FullScreen Overlay | _codemics | 2,252 Kb |
Myprofile | SoufianeAbid | 2,451 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
Whyutils | LeYvan | 3,752 Kb |
Border-radius animation | Yukulele | 2,480 Kb |
Sassy Buttons | Elyseholladay | 2,299 Kb |
Z-index demo | Kblh | 1,534 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!