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>
...
Please also mark the comments that contributed to the solution of the article
Content-Key: 277872
Url: https://administrator.de/contentid/277872
Printed on: April 24, 2024 at 22:04 o'clock
1 Comment
<!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>