Wert der checkbox [object HTMLInputElement]

Habe ich zwei Formen direkt nebeneinander.

Das hier ist Form einer

<form>
    <input type="radio" id="genderOne" name="genderOne" value="Mann"><label for="genderOne">Maennlich</label>
    <input type="radio" id="genderTwo" name="genderOne" value="Frau"><label for="genderTwo">Weiblich</label><br><br>
    <input type="checkbox" id="ageCheck" id="ageCheck" name="ageCheck"><label for="ageCheck">Bist du ueber 18?</label>
</form>

Form 2 ist einfach das gleiche, mit dem Unterschied, dass die IDs der Checkboxen sind genderThree und genderFour und der name ist genderTwo. Die checkbox hat auch einen anderen Namen "ageCheckTwo".

Nun möchte ich, wenn alles korrekt ausgefüllt zu öffnen, eine php.Website mit den Parametern, die der Benutzer eingegeben in.

Alles funktioniert, ausser für die zweite form, aber nur das Geschlecht.

Dies ist der JavaScript-code für das Teil

if(document.getElementById('genderOne').checked || document.getElementById('genderTwo').checked)
        {
            if(document.getElementById('genderOne').checked)
            {
                var genderOne = $('#genderOne').val();
                urlString += "&genderOne=" + genderOne;
            }
            if(document.getElementById('genderTwo').checked)
            {
                var genderTwo = $('#genderTwo').val();
                urlString += "&genderOne=" + genderTwo;
            }
        }
        if(document.getElementById('genderThree').checked || document.getElementById('genderFour').checked)
        {
            if(document.getElementById('genderThree').checked)
            {
                var genderOne = $('#genderThree').val();
                urlString += "&genderTwo=" + genderThree;
            }
            if(document.getElementById('genderFour').checked)
            {
                var genderTwo = $('#genderFour').val();
                urlString += "&genderTwo=" + genderFour;
            }
        }

Und nur um sicher zu sein, das ist die zweite form

<form>
                    <input type="radio" id="genderThree" name="genderTwo" value="Mann"><label for="genderThree">Maennlich</label>
                    <input type="radio" id="genderFour" name="genderTwo" value="Frau"><label for="genderFour">Weiblich</label><br><br>
                    <input type="checkbox" id="ageCheckTwo" id="ageCheckTwo" name="ageCheckTwo"><label for="ageCheckTwo">Ist er/sie ueber 18?</label>
                    </form>

Aber, die URL ist jetzt, wenn ich überprüft alle Parameter wie folgt:

http://localhost/mojoGerman/questions.php?nameOne=fdgh&nameTwo=hj&genderOne=Mann&genderTwo=[object HTMLInputElement]

Während es anzeigen soll, das Geschlecht der zweiten person am Ende. Was mache ich falsch?

wenn Sie jquery verwenden, warum nicht Sie es verwenden,...?
Ich bin neu in jquery, so versuche ich zu gehen, kleine Schritte. Ich verwende es auf meine Checkboxen, aber nicht auf die radio-buttons noch.

InformationsquelleAutor devShuba | 2013-04-20

var genderOne = $('#genderThree').val(); //get value in genderThree here
urlString += "&genderTwo=" + genderThree;

Versuchen, diese -

if(document.getElementById('genderThree').checked) {
         var genderThree = $('#genderThree').val();
         urlString += "&genderTwo=" + genderThree;
 }
if(document.getElementById('genderFour').checked) {
         var genderFour = $('#genderFour').val();
         urlString += "&genderTwo=" + genderFour;
 }

InformationsquelleAutor Mohammad Adil

Einfache typografische Fehler hier:

        if(document.getElementById('genderThree').checked)
        {
            var genderThree = $('#genderThree').val();
            urlString += "&genderThree=" + genderThree;
        }
        if(document.getElementById('genderFour').checked)
        {
            var genderFour = $('#genderFour').val();
            urlString += "&genderFour=" + genderFour;
        }

Dies ist der Grund, warum Sie Ausschneiden und einfügen ist eine schlechte Idee. Machen Sie sich eine einfache Funktion:

function addIfChecked(name) {
  var val = $('#' + name).val();
  return val ? "&" + name + "=" + encodeURIComponent(val) : '';
}

urlString += addIfChecked("genderOne") + 
  addIfChecked("genderTwo") +
  addIfChecked("genderThree") + 
  addIfChecked("genderFour");

oder so ähnlich. Besser noch, geben die Kontrollkästchen einer Klasse, so dass Sie finden Sie mit einem Selektor und Durchlaufen Sie diese über jQuery.

+1 für den Vorschlag von einer helper-Funktion.
Ich kopiere eingefügt, Ihre Lösung, aber es sagt immer noch die gleiche url mit der [object HTMLInputElement]

InformationsquelleAutor Pointy

0

Das Problem mit der falschen Variablen Namen für genderThree und genderFour

Aber man könnte vereinfachen das ganze zu
```
$('input[type="radio"][name^="gender"]:checked').each(function(){
   urlString += '&' + this.name + '=' + this.value;
});
```
InformationsquelleAutor Gabriele Petrioli

Habe ich nicht komplett verstanden, was Sie zu tun versuchen , aber da bei deinen code, ich denke, Es kann optimiert werden, indem unterschiedliche Praxis

<form>
    <input type="radio" id="genderOne" name="genderOne[]" value="Mann"><label for="genderOne">Maennlich</label>
    <input type="radio" id="genderTwo" name="genderOne[]" value="Frau"><label for="genderTwo">Weiblich</label><br><br>
    <input type="checkbox" id="ageCheck" id="ageCheck" name="ageCheck"><label for="ageCheck">Bist du ueber 18?</label>
</form>

Wenn Sie die gleiche Taste auf der Abfrage-string genderOne , können Sie ausdrücklich erklären, Ihren Namen als array name-Attribut. Auf Ihrer php-Skript, das Sie bekommen können Sie diesen Wert per GET-Methode, um diese Werte

//php
echo $_GET['genderOne'][0];//returns first checked gender value
echo $_GET['genderOne'][1];//returns 2nd checked gender value

Brauchen Sie nicht einmal das javascript für diese, wenn ich Verstand, was Sie versuchen zu erreichen.

InformationsquelleAutor prabeen giri

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.