Corsi on-line

Limitare il numero di selezioni delle checkbox con jQuery

Immaginiamo di aver creato un modulo per il feedback contenente al suo interno un certo numero di checkbox, in alcuni casi potremmo avere la necessità di limitarne il numero di selezioni, vuoi per non dover gestire un numero di dati troppo ampio, vuoi per ottenere dalle scelte degli utenti dei risulati più accurati; in questo post proporrò una tecnica basata sul framework Ajax jQuery, naturalmente ne esistono altre, ma non è escluso che ritornerò in seguito sullo stesso argomento.

Ecco il codice JS da inserire all’interno della pagina Web contenente il nostro form:

$('#chk_chk input').click(function () {
	selected = $('#chk_chk input').filter(':checked').length;
	if (selected > 10){
		$(this).attr('checked', false);
	}
});

Nel caso specifico il numero di checkbox selezionabili è stato limitato a “10” attraverso la condizione:

if (selected > 10){
		$(this).attr('checked', false);
}

Naturalmente questo valore è totalmente arbitrario e potrà essere modificato sulla base delle diverse esigenze.

Post correlati
I più letti del mese
Tematiche