Crea sito

Come spuntare tutti i checkbox di una pagina

Contiene argomenti inerenti alla creazione, utilizzo ed ottimizzazione di Java Script
Se sei abilitato puoi anche inserirne di nuovi.
In caso contrario inserisci le tue proposte di nuovi argomenti nell'apposita sezione "Le nuove proposte di discussione". Se ritenuti di interesse saranno aggiunti.

Moderatore: peopleopinion

Come spuntare tutti i checkbox di una pagina

Messaggio da leggereda william » mercoledì 7 ottobre 2015, 7:53

Se si vogliono spuntare tutti i checkbox di una pagina web con l'utilizzo di javascript il seguente codice d'esempio può tornare utile:

Codice: Seleziona tutto
<script language="JavaScript">
function toggle(source)
{
   var inputcb = document.getElementsByTagName("input");
   var i;
   for (i=0; i<inputcb.length; i++)
   {
      if (inputcb(i).type == "checkbox")
      {
         inputcb(i).checked = source.checked;
      }
   }
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Spunta tutti<br/>

<input type="checkbox" id="checkbox-141"><br/>
<input type="checkbox" id="checkbox-142"><br/>
<input type="checkbox" id="checkbox-143"><br/>
<input type="text" name="foo" value="text"> Bar 2<br/>
<input type="checkbox" id="checkbox-144"><br/>
<input type="checkbox" id="checkbox-145"><br/>
<input type="checkbox" id="checkbox-146"><br/>


Come opera:
Scorre tutti gli input che trova nella pagina e quando il tipo di input è "checkbox" ne cambia la proprietà "checked" sulla base di quella usata dal controllo principale.

Per provare questo esempio:
Copiare ed incollare il codice in un semplice file di testo e salvarlo con estensione html.
Aprirlo con il browser e testarlo.
Avatar utente
william
 
Messaggi: 71
Iscritto il: sabato 23 ottobre 2010, 2:43

Torna a Java Script

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Notizie in Evidenza:

...http://peopleopinion.altervista.org/

...Il Fatto Quotidiano prima pagina

...Il Fatto Quotidiano

...ANSA

...ANSA Top News

...ANSA Tecnologia

...AGI

...AGI Live

...https://news.google.com

...https://news.google.com

...https://news.google.com

...BBC

cron

Totale visite dal 02.02.2012