Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    144

    Ajax checkbox che seleziona tutti i checkbox

    codice HTML:
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='1' >
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='2' >
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='3' >
    
    <input type='checkbox' title ='tutti'>

    <script>
    $(document).ready(function(){

    $( "input[title*='tutti']" ).change(function() {

    if ($(this).is(':checked')) {
    pluto = true;
    }else{
    pluto = false;
    }

    $( "input[title='cosi']" ).each(function(){
    console.log(pluto);
    $(this).attr('checked', pluto);
    })


    });
    });
    </script>


    se checko l'ultimo me li checka tutti, se lo ripremo me li deseleziona tutti ma se lo richecko non funziona più.
    Potreste aiutarmi?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, molto più semplicemente puoi fare cos'
    codice HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      
    $( "#all" ).change(function(e) {
     console.log(e.target.checked)
     $('.checkbox-item').attr('checked',e.target.checked)
    });
    });
    </script>
    </head>
    <body>
    
    
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='1' class="checkbox-item">
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='2' class="checkbox-item">
    <input type='checkbox' name='articoli[]'  title = 'cosi' value='3' class="checkbox-item">
    
    
    <input type='checkbox' title ='tutti' id="all">
    </body>
    </html>

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.