[Javascript] Sélection de toutes les cases à cocher avec jQuery


Answers

Au lieu de sélectionner une case à cocher avec un nom de tag mieux lui assigner une classe et le sélectionner avec classname

  $(document).ready(function(){
      $('#checkall').click(function () {
           $(".checkbox").each( function(i,chkbox) {
             $(chkbox).attr('checked', true);
      });
     });
   });

code php

                 echo '<li>';
                echo '<input type="checkbox" class="checkbox" name="checkbox[]" value="'.$x.'" />'.$x.'<br/>';
                echo '</li>'; 
Question

Je veux simplement vérifier toutes les cases à cocher sur une page si un utilisateur clique sur le bouton "Sélectionner tout".

Dans le corps:

<button id="checkall">Select All</button>

jQuery:

<head>

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $('#checkall').click(function () {
            $("input[type=checkbox]").each( function() {
            $(this).attr('checked', true);
        });
    });
    </script>
</head>

Et les cases à cocher sont générées par un peu de php:

echo '<li>';
echo '<input type="checkbox" name="checkbox[]" value="'.$x.'" />'.$x.'<br/>';
echo '</li>';

Quelqu'un peut-il me dire ce que je fais mal?




Cela va fonctionner, court et pratique

<script>
    $('#check_all').click(function () {
    $( this ).closest('form').find(':checkbox').prop( 'checked' , this.checked ? true : false );
})
</script>