Auswahl von 10 Checkboxen

Hallo Ich habe ein Formular mit mehreren Checkboxen davon sollen die Leute 10 Stück auswählen.

<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>  
...

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.

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 277872

Url: https://administrator.de/forum/auswahl-von-10-checkboxen-277872.html

Ausgedruckt am: 26.12.2024 um 14:12 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>

Gruß jodel32