Forum PHP.pl > jQuery validate checkbox

Pomoc - Szukaj - Użytkownicy - Kalendarz

micdob

24.04.2010, 16:25:05

Witam,

mam problem z walidacją formularza. Używam plugin do walidacji, ale natrafiłem na jedną przeszkodę, z którą nie mogę sobie poradzić

.

Mam około 30 checkboxów w jednej grupie. Chciałbym, aby użytkownik mógł zaznaczyć tylko 20, a po zaznaczeniu takiej liczby pozostałe chceckboxy stały się disabled.

Z góry dziękuje za pomoc i pozdrawiam
micdob

fleshgrinder

24.04.2010, 18:47:48

sprawdz cos takiego:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="jquery-1.3.1.js"></script>
		<script type="text/javascript">
			$(function() {
 
				var checked = 0; // ile jest juz zaznaczonych
				var disableAfter = 3; // po ilu ma blokowac pozostale
 
				$('input[type=checkbox]').click(function() {
 
					if($(this).attr('checked')) {	// kliknieto zeby zaznaczyc	
						checked++;
						if(checked === disableAfter) { // liczba zaznaczonych osiagnela max
							$('input[type=checkbox]').each(function() {
								if(!($(this).attr('checked'))) {
									$(this).attr('disabled', 'disabled');
								}
							});
						}
					}
					else {	// kliknieto zeby odznaczyc
						checked--;
						if(checked === disableAfter - 1) { // odznaczono pierwszy po zablokowaniu pozostalych - odblokowac wszystkie
							$('input[type=checkbox]').removeAttr('disabled');
						}
					}
				});		
			});
 
		</script>
	</head>
	<body>
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
		<input type="checkbox">
	</body>
</html>
[HTML] pobierz, plaintext

micdob

26.04.2010, 20:10:17

Witam,

bardzo dziękuje za tak szybką odpowiedź. Wszystko działa, tak jak powinno.

Jeszcze raz dzięki i pozdrawiam
micdob

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.