mrroyal
Jul 21, 2020
view2666
view2
0
Goto Top

Radiobutton mit OnChange() - Parameterübergabe stimmt nicht

GermanQuestionJavaScriptDevelopment
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!
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 589270

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

Printed on: April 26, 2024 at 22:04 o'clock

2 Comments
Latest comment
Goto Top
Mitglied: 144705
144705 Jul 21, 2020 updated at 09:47:25 (UTC)
Goto Top
Daran
https://stackoverflow.com/questions/9561625/checking-value-of-radio-butt ...
Bidde
https://jsfiddle.net/hzuyvk76/
Member: MrRoyal
MrRoyal Jul 21, 2020 at 10:15:17 (UTC)
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
GermanQuestionJavaScriptDevelopment