SNS - Web et informatique

SNS - Web et informatique

Mercredi 28 Février 2024  
Votre adresse IP est : 34.236.134.129
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>
* <input type="checkbox" name="check[]" value="check3" class="checkClass"> 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