Sélectionner toutes les checkbox avec JQuery

Dans ce tutoriel, on va créer un lien permettant de cocher toutes les checkbox d'un formulaire.

Code Html

<form id="tablesearch_form" name="tablesearch_form" action="" method="post">
  <input type="checkbox" class="select_document_chkBx" name="entititesIds[]" value="1" />
  <input type="checkbox" class="select_document_chkBx" name="entititesIds[]" value="2" />
  <input type="checkbox" class="select_document_chkBx" name="entititesIds[]" value="3" />
</form>

<a class="select_all">Tout sélectionner</a> / <a class="deselect_all">Désélectionner</a>

Code JQuery

$('.select_all').click(function(){
  $(".select_document_chkBx").each(function () {
    $(this).attr('checked', true);
  });
});

$('.deselect_all').click(function(){
  $(".select_document_chkBx").each(function () {
    $(this).attr('checked', false);
  });
});

 


1 janvier 2016 - Wakonda - jQuery

Rechercher

Tags

Publicité

Suivez-nous

Aidez-nous !


Loading…
Loading the web debug toolbar…
Attempt #