Radiobuttons mit Javascript auslesen - wo steckt der Fehler?

vom 23.05.2011, 09:11 Uhr

Hallo, ich habe eben versucht, eine sehr simple Konstruktion zu gestalten, mit der ich einfach den Wert eines angeklickten Radio-Buttons mit Javascript abfragen möchte. Mein Code sieht wiefolgt aus:

Code: Alles auswählen
<head>
<script type="text/javascript">
var answer1
function quiz() {
alert(answer1);
}
</script>
</head>
<body>
<form name="question1">
<INPUT TYPE="radio" NAME="answer1" onclick="answer1.value=1">  <br>
<INPUT TYPE="radio" NAME="answer1" onclick="answer1.value=2">  <br>
<INPUT TYPE="radio" NAME="answer1" onclick="answer1.value=3">  <br>
</form>
                <button onclick="quiz();">Los!</button>
</body>


Leider funktioniert der Code jedoch nicht und die alert-Meldung gibt immer "undefined" aus. Woran liegt das? Funktioniert das mit dem "answer1.value=x" doch nicht so leicht, wie ich dachte oder hat sich noch ein anderer Fehler bei mir eingeschlichen?

Benutzeravatar

» delpiero224 » Beiträge: 1378 » Talkpoints: 4,49 » Auszeichnung für 1000 Beiträge



Hättest du dir mal meine Antwort in deinem anderen Thema durchgelesen wärst du sicher auf eine funktionierende Lösung gekommen.

Zu erst einmal muss das Formular so aussehen:

Code: Alles auswählen
<form name="question1" method="post">
<INPUT TYPE="radio" NAME="answer1" value="value1"><br>
<INPUT TYPE="radio" NAME="answer1" value="value2"><br>
<INPUT TYPE="radio" NAME="answer1" value="value3"><br>
<button onclick="quiz();">Los!</button>
</form>


Das ausgeben, welcher Button nun angeklickt wurde, geht beispielsweise so:

Code: Alles auswählen
function quiz() {
for(var i = 0; i < 3; i++) {
if(document.getElementsByName("answer1")[i].checked == true) {
alert(document.getElementsByName("answer1")[i].value);
break;
}
}
}


Ich empfehle dir hier nochmals die Seite von SelfHtml.

Benutzeravatar

» Smoon » Beiträge: 440 » Talkpoints: 2,83 » Auszeichnung für 100 Beiträge


Vielen Dank für die Antwort, funktioniert super die Lösung. Tut mir Leid, dass ich deine andere Antwort so übersehen habe :( die Seite selfhtml kenne ich schon zu genüge und nutze sie auch oft, wenn ich zum Beispiel neue Funktionen von HTML brauche, nur finde ich den JavaScript-Teil manchmal ziemlich schwierig, wenn im Beispiel noch andere Sachen stehen, die ich noch nicht kenne.

Benutzeravatar

» delpiero224 » Beiträge: 1378 » Talkpoints: 4,49 » Auszeichnung für 1000 Beiträge



Ähnliche Themen

Weitere interessante Themen

^