JS : manipuler facilement des checkboxes !

Manipuler les checkboxes

J'ai écrit une petite fonction plutôt pratique pour manipuler les checkboxes en JQuery. Ce n'est surement pas la meilleure manière de concevoir une telle fonction mais c'en est une qui fonctionne. Cette fonction présente les fonctionnalités suivantes :

Code de la fonction

/**
* Cette fonction permet de manipuler les checkboxes (tout cocher, tout décocher, inverser).
* @param {[string || JQuery Object]} tags [liste des checkboxes]
* @param {[boolean ||undefined]} value [valeur à assigner. true si tout cocher, false si décocher, undefined si inverser]
*/
function DefineCheckboxValue(tags, value) {
tags = typeof(tags)=="string" ? $(tags) : tags;
if (typeof(value) != "undefined") {
tags.prop("checked", value);
}
else {
tags.each(function(i, tag) {
$(tag).prop("checked", !$(tag).is(":checked"));
});
}
}

Utilisation

• Permet d'inverser les valeurs des checkboxes dont la propriété name = "valid_user[]"

DefineCheckboxValue("input[name='valid_user[]']");
DefineCheckboxValue($("input[name='valid_user[]']"));

• Permet de cocher les checkboxes dont la propriété name = "valid_user[]"

DefineCheckboxValue("input[name='valid_user[]']", true);

• Permet de décocher les checkboxes dont la propriété name = "valid_user[]"

DefineCheckboxValue("input[name='valid_user[]']", false);

Testez le code sur JSfiddle !