Visualizzazione dei risultati da 1 a 7 su 7

Discussione: check su tutti i form

  1. #1
    Utente di HTML.it L'avatar di Darcken
    Registrato dal
    Jun 2001
    Messaggi
    237

    check su tutti i form

    Ciao a tutti, mi scuso in anticipo per la domanda "banale" ma per me che, da una scala da 1 a 10 sono 1 in javascript, puo' diventare un piccolo problema.

    Io vorrei far si che quando seleziono un check, mi si selezionassero anche tutti i check di tutte le form presenti nella pagina.
    Qualcuno gentilmente mi sa dire se è possibile e, se non, come posso ovviare a questa necessità???

    Grazie e scusate ancora

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    inserisci l'evento onclick sulla checkbox chiave


    codice:
    <input type="checkbox" onclick="checkall()">
    poi metti questa funzione nell'header

    codice:
    <script type="text/javascript">
    function checkall() {
      inputtag = document.getElementsByTagName('input').length();
      for (i=0; i<inputtag; i++) {
         thisinput = document.getElementsByTagName('input')[i];
        
         if (thisinput.getAttribute('type') == 'checkbox') {
            thisinput.checked = true;
         }
      }
    
    }
    <script>
    Non l'ho provata... a te il compito di testarla.

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di Darcken
    Registrato dal
    Jun 2001
    Messaggi
    237
    Provato e mi da errore su questa riga:

    inputtag = document.getElementsByTagName('input').length();

    Tipo errore: Azione non valida per l'oggetto

    Intanto ne approfitto anche per ringraziarti del codice che mi hai postato con una rapidità a dir poco entusiasmante. Grazie

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    togli le due parentesi...
    cioè scrivi

    inputtag = document.getElementsByTagName('input').length;

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it L'avatar di Darcken
    Registrato dal
    Jun 2001
    Messaggi
    237
    grandissimo funziona. non posso poi deselezionarlo ma gia' è un'ottima cosa. Grazie ancora, troppo gentile, e perdona la mia "inesperienza" in questo linguaggio di scripting

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    volendo puoi ottenere anche l'effetto contrario, ovvero se deselezioni una check si deselezionano tutte...

    codice:
    <html>
    <head>
    
    <script type="text/javascript">
    function checkall() {
      var thischeck = this;
      
      inputtag = document.getElementsByTagName('input').length;
      for (i=0; i<inputtag; i++) {
         thisinput = document.getElementsByTagName('input')[i];
        
         if (thisinput.getAttribute('type') == 'checkbox') {
            thisinput.checked = !thischeck.checked;
         }
      }
      thischeck.checked = !thischeck.checked;
    
    }
    </script>
    </head>
    <body>
    <input type="checkbox" onclick="checkall()">
    <input type="checkbox" onclick="checkall()">
    <input type="checkbox" onclick="checkall()">
    <input type="checkbox" onclick="checkall()">
    <input type="checkbox" onclick="checkall()">
    <input type="checkbox" onclick="checkall()">
    
    
    </body>
    </html>

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Utente di HTML.it L'avatar di Darcken
    Registrato dal
    Jun 2001
    Messaggi
    237
    non posso che dire :inchino:

    Grazie ancora, veramente troppo troppo gentile

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 © 2025 vBulletin Solutions, Inc. All rights reserved.