Value in jQuery Code?
ich habe für ein Projekt drei verschiede Options Felder (Ja/Nein) Fragen.
Es soll ein Wert (value) "1" ausgegeben werden wenn man, eins der drei Felder auf Ja setzt.
Wenn man aber alle drei Felder auf Nein setzt, soll ein Wert von "2" kommen.
Und wenn man nicht auswählt, also alles frei lässt, soll ein Wert "3" kommen
Hier ein dieser Options Felder:
<div class="col-xs-6">
<div class="form-group">
<label for="Roeteln" style="width: 150px;">Röteln</label>
<input type="text" class="form-control" name="Roeteln" style="width: 80px;"
value="{if $values.Roeteln == 'X'}Ja{elseif $values.Roeteln == ''}Nein{elseif $values.Roeteln == ''}{/if}">
<select class="form-control" name="Roeteln" style="width: 80px;">
<option value="" selected=""></option>
<option value="X">Ja</option>
<option value="">Nein</option>
</select>
</div>
</div>
1 Antwort
Zum Beispiel so ähnlich:
HTML:
<select class="option" id="option1">
<option value="1">Ja</option>
<option value="0">Nein</option>
</select>
<select class="option" id="option2">
<option value="1">Ja</option>
<option value="0">Nein</option>
</select>
<select class="option" id="option3">
<option value="1">Ja</option>
<option value="0">Nein</option>
</select>
<button id="calculateButton">Berechnen</button>
JQuery:
<p id="result"></p>
$(document).ready(function() {
$('#calculateButton').click(function() {
var option1Value = parseInt($('#option1').val());
var option2Value = parseInt($('#option2').val());
var option3Value = parseInt($('#option3').val());
if (option1Value === 1 || option2Value === 1 || option3Value === 1) {
// Wenn mindestens ein Feld auf Ja gesetzt ist
$('#result').text('Wert: 1');
} else if (option1Value === 0 && option2Value === 0 && option3Value === 0) {
// Wenn alle Felder auf Nein gesetzt sind
$('#result').text('Wert: 2');
} else {
// Wenn nicht alle Felder ausgefüllt sind
$('#result').text('Wert: 3');
}
});
});