Chissà quante volte sarà capitato di avere una lista lunghissima di voci, magari in una tabella dove ognuna di queste voci era associata ad un input di tipo checkbox, ed avere la possibilità di spuntarli tutti insieme con un solo click.

Sicuramente sarà capitato molte volte ed è per questo che voglio segnalare questo semplice script javascript per selezionare/deselezionare un insieme di checkbox.

Questo il codice javascript:

function checkAll(elm,name){
for (var i = 0; i < elm.form.elements.length; i++)
if (elm.form.elements[i].name.indexOf(name) == 0)
elm.form.elements[i].checked = elm.checked;
}

e questo il codice HTML:

<form>
<input type="checkbox" onClick="checkAll(this,'check')" />
Seleziona/Deseleziona<br>
Pippo <input type="checkbox" name="check1" />
Mario <input type="checkbox" name="check2" />
Andrea <input type="checkbox" name="check3" />
</form>