jQuery de/seleziona tutti i checkbox
Per esigenza mi è capitato di creare dei tasti per un form con funzione di selezionare e deselezionare tutti i chackbox presenti (select all, deselct all, checkbox). Fare una ricerca in google per questa funzione porta a grossolani script in javascript base, con un totale di molte righe di codice.
Perciò meglio creare una funzione Light su misura con jQuery, ecco come:
Scrivo il mio form,
<form id=”mio_form” >
<input type=”checkbox” name=”‘opzione1′” />
<input type=”checkbox” name=”‘opzione2′” />
<input type=”checkbox” name=”‘opzione3′” />
</form>
Creo i miei tasti di selezione e deselezione,
<a href=”#seleziona” class=”select-all”>seleziona tutti</a>
<a href=”#deseleziona” class=”deselect-all”>deseleziona</a>
Creo la funzione Jaascript/jQuery da inserire nell’head,
$(document).ready(function(){
$(“a.select-all”).click(function(){
$(“#mio_form input[type=checkbox]“).attr(‘checked’, true); });
$(“a.deselect-all”).click(function(){
$(“#mio_form input[type=checkbox]“).attr(‘checked’, false); });
});
Posted by: giZ in 
tagging: 
