mrroyal
Goto Top

Radiobutton mit OnChange() - Parameterübergabe stimmt nicht

Hallo zusammen,

ich probiere mich seit einiger Zeit an der Übergabe von Werten zweier unterschiedlicher Radiobutton-Paaren.
Der Startwert ist "Nein" (also false).
Wenn ich mir jedoch mit document.getElementById('Val1').value den Wert anzeigen lasse, wird mir in der Konsole immer "Ja" ausgegeben.

Ich habe zwei Abfragen

Val 1
Ja | Nein

Val2
Ja | Nein


Nun möchte ich beide Werte übergeben. Also Möglichkeiten sind:

Ja | Ja
Ja | Nein
Nein | Ja
Nein | Nein


Nachher möchte ich diese beiden Bedingungen abfragen ob beide "Ja" sind.


Woran kann das liegen?

Hier mein Code der index.html:

<table class="table1">  
            <tr>
                <td>
                    <label>
                        <input type="radio" id="val1" name="val1" value="Ja" class="radio1 input_form" onchange="getVariante(this, document.getElementById('val2'))">  
                        Ja
                    </label>
                </td>
                <td>
                    <label>
                        <input type="radio" id="val1" name="val1" value="Nein" class="radio1 input_form" onchange="getVariante(this, document.getElementById('val2'))" checked>  
                        Nein
                    </label>
                </td>
            </tr>
</table>

<table class="table2">  
            <tr>
                <td>
                    <label>
                        <input type="radio" id="val2" name="val2" value="Ja" class="radio1 input_form" onchange="getVariante(document.getElementById('val1'), this)">  
                        Ja
                    </label>
                </td>
                <td>
                    <label>
                        <input type="radio" id="val2" name="val2" value="Nein" class="radio1 input_form" onchange="getVariante(document.getElementById('val1'), this)" checked>  
                        Nein
                    </label>
                </td>
            </tr>
</table>

Und hier der Code der *.js

function getVariante(val1, val2) {
    console.log("Wert1: " + val1.value);  
    console.log("Wert2: " + val2.value);  
  }

Danke für eure Hilfe!

Content-ID: 589270

Url: https://administrator.de/contentid/589270

Ausgedruckt am: 25.11.2024 um 13:11 Uhr

144705
144705 21.07.2020 aktualisiert um 11:47:25 Uhr
Goto Top
MrRoyal
MrRoyal 21.07.2020 um 12:15:17 Uhr
Goto Top
Danke fulcrum,

ich habe deine Lösung mal implementiert.

https://jsfiddle.net/9aq0fp6k/1/

Wie kann ich denn nun die beiden Variablen (Schraege und Ausschnitt) in meinen weiteren Funktionen showSerie(), showArtikel() und showVariante() verwenden?

Danke