1
Auswahl von 10 Checkboxen
Hallo Ich habe ein Formular mit mehreren Checkboxen davon sollen die Leute 10 Stück auswählen.
wie bekomme ich mit das 10 Stück ausgewählt wurden? Per JavaScript. Normal sollte sein wenn es 10 Stück sind können keine weiteren ausgewählt werden und der submit button soll erscheinen.
<input type='checkbox' name='ergebnis' value='0'> Wunsch 1<br>
<input type='checkbox' name='ergebnis' value='1'> Wunsch 2<br>
<input type='checkbox' name='ergebnis' value='2'> Wunsch 3<br>
<input type='checkbox' name='ergebnis' value='3'> Wunsch 4<br>
<input type='checkbox' name='ergebnis' value='4'> Wunsch 5<br>
<input type='checkbox' name='ergebnis' value='5'> Wunsch 6<br>
<input type='checkbox' name='ergebnis' value='6'> Wunsch 7<br>
<input type='checkbox' name='ergebnis' value='7'> Wunsch 8<br>
<input type='checkbox' name='ergebnis' value='8'> Wunsch 9<br>
<input type='checkbox' name='ergebnis' value='9'> Wunsch 10<br>
<input type='checkbox' name='ergebnis' value='10'> Wunsch 11<br>
<input type='checkbox' name='ergebnis' value='11'> Wunsch 12<br>
<input type='checkbox' name='ergebnis' value='12'> Wunsch 13<br>
<input type='checkbox' name='ergebnis' value='13'> Wunsch 14<br>
<input type='checkbox' name='ergebnis' value='14'> Wunsch 15<br>
<input type='checkbox' name='ergebnis' value='15'> Wunsch 16<br>
...
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 277872
Url: https://administrator.de/contentid/277872
Ausgedruckt am: 25.11.2024 um 12:11 Uhr
1 Kommentar
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Checkboxen</title>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
var cnt = 0;
$(document).ready(function(e) {
$('input[type=checkbox][name^=ergebnis]').click(function(e) {
$(this).prop('checked') ? cnt++ : cnt--;
if (cnt == 10){
$('#btnSubmit').removeAttr('disabled');
}else if (cnt > 10){
cnt--;
return false;
}else{
$('#btnSubmit').attr('disabled','disabled');
}
});
});
</script>
<body>
<input type='checkbox' name='ergebnis' value='0' > Wunsch 1<br>
<input type='checkbox' name='ergebnis' value='1'> Wunsch 2<br>
<input type='checkbox' name='ergebnis' value='2'> Wunsch 3<br>
<input type='checkbox' name='ergebnis' value='3'> Wunsch 4<br>
<input type='checkbox' name='ergebnis' value='4'> Wunsch 5<br>
<input type='checkbox' name='ergebnis' value='5'> Wunsch 6<br>
<input type='checkbox' name='ergebnis' value='6'> Wunsch 7<br>
<input type='checkbox' name='ergebnis' value='7'> Wunsch 8<br>
<input type='checkbox' name='ergebnis' value='8'> Wunsch 9<br>
<input type='checkbox' name='ergebnis' value='9'> Wunsch 10<br>
<input type='checkbox' name='ergebnis' value='10'> Wunsch 11<br>
<input type='checkbox' name='ergebnis' value='11'> Wunsch 12<br>
<input type='checkbox' name='ergebnis' value='12'> Wunsch 13<br>
<input type='checkbox' name='ergebnis' value='13'> Wunsch 14<br>
<input type='checkbox' name='ergebnis' value='14'> Wunsch 15<br>
<input type='checkbox' name='ergebnis' value='15'> Wunsch 16<br>
<input type="submit" value="Senden" id="btnSubmit" disabled>
</body>
</html>
1
