SNS - Web et informatique SNS - Web et informatique
Votre adresse IP est : 44.210.149.205
Logo

JQuery: Check all uncheck all multiple checkboxes - JQuery : Tout cocher tout décocher multiples checkbox

Publié le .

[EN] Here is a tip for checking/unchecking a series of checkboxes in a form with jQuery. ! important, don't forget to include the jQuery library in your code between the head/head tags. [FR] Voici une astuce pour cocher/décocher une série de checkbox dans un formulaire avec jQuery. ! important, n'oubliez pas d'inclure la librairie jQuery dans votre code entre les balises head/head.




/**
 * ex.: 
 * < span class="check_all">Check all< /span>
 * < span class="un_check_all">Uncheck all< /span>
 *
 * < input type="checkbox" name="check[]" value="check1" class="checkClass"> Choix 1< br>
 * < input type="checkbox" name="check[]" value="check2" class="checkClass"> Choix 2< br>
 *  Choix 3< br>
 */

// start jQuery
$(function(){
 
  // Check all
  $('.check_all').click(function(){
      $(':checkbox.checkClass').prop('checked', true);
  });

  // Uncheck all
  $('.un_check_all').click(function(){
      $(':checkbox.checkClass').prop('checked', false);
  });
 
});
// end jQuery

Mots clés : jQuery, checkbox, formulaire, html, tout cocher tout décocher checkbox jquery, astuces jquery, tout cocher/décocher avec jQuery, jquery tips, check/uncheck everything with jQuery, multiples checkboxes