Blog Web Agency - Studio Mado » checkbox http://blog.studiomado.it Il Blog dello Studio Digitale Mado, Web Agency Bologna Imola Tue, 17 Jan 2012 12:57:42 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Spuntare tutti i checkbox con javascript http://blog.studiomado.it/2009/08/21/spuntare-tutti-i-checkbox-con-javascript/ http://blog.studiomado.it/2009/08/21/spuntare-tutti-i-checkbox-con-javascript/#comments Fri, 21 Aug 2009 15:21:55 +0000 Davide http://blog.studiomado.it/?p=91 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>
]]> http://blog.studiomado.it/2009/08/21/spuntare-tutti-i-checkbox-con-javascript/feed/ 0