Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di moomo
    Registrato dal
    Jul 2007
    Messaggi
    227

    come costruire un checkbox che seleziona e deseleziona tutti i checkbox della pagina

    Ciao ragazzi ho questo problema:

    devo contruire un checkbox che se selezionato selezioni tutti i checkbox che sono presenti nella pagina e che se deselezionato deselezioni tutti i checkbox nella pagina. ( tipo come c'è nella casella ti posta elettronica per deselezionare e selezionare tutti i messaggi).

    sono riuscito a realizzare solo che li seleziona tutti ma non il contrario:

    vi metto un pò di codice:

    <script type="text/javascript">

    function checkTutti() {

    with (document.modulo) {

    for (var i=0; i < elements.length; i++) {

    if (elements[i].type == 'checkbox')

    elements[i].checked = true;

    }

    }

    }

    function uncheckTutti() {

    with (document.modulo) {

    for (var i=0; i < elements.length; i++) {

    if (elements[i].type == 'checkbox')

    elements[i].checked = false;

    }

    }

    }

    </script>

    queste solo le due funzioni che servono per fare questo il checkbox che seleziona tutto è questo ma NON RIESCO A FARE L'OPERAZIONE INVERSA DI DESELEZIONE:

    <input type="checkbox" name="tutti" id="tutti" onClick="checkTutti()">

    grazie mille ragazzi per la vostra cortese attenzione

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    prova cosi'
    <input type="checkbox" name="tutti" id="tutti" onClick="this.checked?checkTutti():uncheckTutti()" >

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    poi farei tutto con una funzione sola, a cui passi il checkbox

    <input type="checkbox" name="tutti" id="tutti" onClick="checkUncheckTutti(this)">
    codice:
    function checkUncheckTutti(el) {
      var f=document.modulo;
      for (var i=0; i < f.elements.length; i++) {
        if (f.elements[i].type == 'checkbox') {
          f.elements[i].checked = el.checked;
        }
      }
    }

  4. #4
    Utente di HTML.it L'avatar di moomo
    Registrato dal
    Jul 2007
    Messaggi
    227

    ok

    grazie mille per l'aiuto Xinod funziona perfettamente!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.