javascript radiobutton true false - Ich gegen Javascript

Beitrag von **Deathcore** » 19.06.2009, 08:02

Hallo Zusammen, ich hab ein "formular" bzw. 2 radio buttons (true und false)

Mein Formular sieht zb. so aus:

<form name="formular" action="finish.php" method="post" onSubmit="formularcheck&#40;&#41;">

<input type="radio" name="1" value="true">true 
<input type="radio" name="1" value="false">false

nun will, dass man nur auf die seite "finish.php" kommt wenn man true ankreuzt.
Es sollte beim Seitenaufruf noch nichts angekreuzt sein.
Wenn garnichts angekreuzt wird soll eine Meldung kommen (bitte ankreuzen...)
Wenn false angekreuzt wird (falsch angekreuzt!)
Bei true soll auf finish.php weitergeleitet werden.

Wie muß hier nun das Javascript aussehen? Wäre super wenn mir wer helfen könnte. Ich bin leider der absolute Javascript-Pfosten.

Bin für jede Hilfe dankbar.

Grüße, Stephan

von **Anzeige von ABAKUS** »

Beitrag von **Beloe007** » 19.06.2009, 08:11

-selbst gelöscht-

Beitrag von **Deathcore** » 19.06.2009, 08:13

dankeschön.... nach allen möglichen kombinationen hab ich gesucht... aber auf das naheliegendste nicht...

dankeschön

Beitrag von **Beloe007** » 19.06.2009, 08:18

-selbst gelöscht-

Beitrag von **Deathcore** » 19.06.2009, 08:24

soooo geht bei mir doch nicht

Hatte in meinem Post vergessen, dass es mehrere Fragen sind die mit true und false angekreuzt werden müssen.

Es sind z.b. 6 Fragen die jeweils angekreuzt werden müssen.
nur wenn ALLE mit true angekreuzt sind kommt die seite 1, bei falsch kommt seite 2, und falls etwas garnicht angekreuzt wird eine alert-werbung

Beitrag von **Nullpointer** » 19.06.2009, 08:39

dann mußt du das in eine funktion auslagern:

onclick="checkSelection" das bei allen radiobuttons. und in eine js funktion:

Code: Alles auswählen

function checkSelection&#40;&#41; &#123;
     if&#40;$&#40;'r1'&#41;.checked && $&#40;'r2'&#41;.checked && ...&#41; &#123;
        location.href='test1.html';
     else if&#40;!$&#40;'r1'&#41;.checked && !$&#40;'r2'&#41;.checked &&&#41; &#123;
        location.href='test2.html';
    &#125;
&#125;

ach so, $('r1').checked wäre jetzt mit prototype (id="r1" ... in den radiobuttons vorausgesetzt.). ohne mußt du die radiobuttons anders identifizieren.
das ganze geht natürlich auch noch generischer, aber wenn du "nur" 6 hast frickel dir das erst mal so zurecht.

Beitrag von **Mork vom Ork** » 19.06.2009, 10:17

Nullpointer hat geschrieben:ach so, $('r1').checked wäre jetzt mit prototype

Die IIRC über 100 KByte für Prototype wären etwas zu viel des Guten für sowas. Wie man Formularelemente direkt ausliest und dabei nur bummelig ein Tausendstel Platz braucht, ist hier ausführlich beschrieben.

Beitrag von **Anonymous** » 19.06.2009, 13:21

ich hoffe du vergisst dabei nicht auch die serverseitige validierung der Daten... nicht jeder hat js aktiv...

Beitrag von **Deathcore** » 30.06.2009, 08:28

soooo habs nun hingekriegt wie ich es brauche

Code: Alles auswählen

<script type="text/javascript">
function Weiter &#40;&#41; &#123;
	if&#40;document.form.name.value == ""&#41;
    &#123;
     alert&#40;"Please enter name and the organization!"&#41;;
     document.form.name.focus&#40;&#41;;
     return false;
    &#125;	
  if &#40;document.form.nfpaa&#91;2&#93;.checked && document.form.nfpab&#91;3&#93;.checked && document.form.nfpac&#91;2&#93;.checked && document.form.nfpad&#91;3&#93;.checked && document.form.nfpae&#91;1&#93;.checked && document.form.nfpaf&#91;1&#93;.checked && document.form.nfpag&#91;5&#93;.checked && document.form.nfpah&#91;2&#93;.checked && document.form.nfpai&#91;1&#93;.checked && document.form.nfpaj&#91;1&#93;.checked && document.form.nfpak&#91;0&#93;.checked== true&#41; &#123;
    window.location.href = "nfpa_certificate.php?text=" + document.form.name.value;
  &#125; else &#123;
    alert&#40;"Sorry, your answeres are not correct"&#41;;
  &#125;
  &#125;
</script>

- falls Name nicht eingegeben wird kommt ein Alert
- dann werden die Checkboxen "gechecked" ob Sie richtig sind. Falls ja wird auf die andere Seite weitergeleitet - falls nicht kommt die Sorry Meldung

Fragen:
1. ist es in javascript möglich, dass in dem "Sorry"-Fenster noch angezeigt wird wieviel richtig oder falsch ist
Also z.b. "Sorry, nur 60% richtig"

2. Ab 80% "Richtigkeit" sollte man auch schon auf die "nfpa_certificate.php?text=" Seite weitergeleitet werden

ich hasse es

Beitrag von **Nullpointer** » 30.06.2009, 12:41

natürlich kannst du das im js berechnen*, aber dir ist schon klar, dass ich das mit einem blick in den quelltext anschauen und manuell abschicken kann?

warum machst du das per javascript und nicht serverseitig?

*) ich würde in einer for schleife über die checkboxen schleifen. bei jeder iteration kannst du dann für jede richtige antwort einen counter hochsetzen.
den counter wertest du dann am ende aus.

Beitrag von **Deathcore** » 08.07.2009, 14:52

hab das perfekte teil für meinen gebrauch gefunden! Wollte ich euch nicht vorenthalten. Hat für meinen Zweck perfekt gepasst:
https://www.phptutorial.info/scripts/multiple_choice/