JavaScript - function pour co/dé/cocher check/uncheck toutes les checkboxes input type="checkbox"
Par PlaceOweb le dimanche, juin 26 2016, 19:30 - Javascript - Lien permanent
Fonction JavaScript pour co/dé/cocher check/uncheck toutes les checkboxes input type="checkbox" checked.
Sans jQuery, et depuis la fenêtre de debug par emple Firebug sous Firefox (F12), et via la console on peut injecter et appeler cette fonction en JS natif pour tout cocher sans avoir à le faire manuellement !
La fonction : Javascript function to check and uncheck all checkboxes
/*
* frm = Name of the form
* fname = Unique name of the checkboxes
* check = set checkbox checked or unchecked (true|false)
*/
function setCheckBoxes(frm, fname, check){
var frm = document.forms[frm];
if(frm == 'undefined'){
return;
}
var chkBoxs = frm.elements[fname];
if(chkBoxs == 'undefined'){
return;
}
for($k in chkBoxs){
chkBoxs[$k].checked = check;
}
}
//setCheckBoxes('form_name_or_number', 'name_of_checkbox', true); //sets as checked
//setCheckBoxes('form_name_or_number', 'name_of_checkbox', false); //sets as unchecked
Ou des variantes : Checkbox : tout cocher / tout décocher
Ensuite ouvrez la console Firebug (F12), dans la console copier le texte JS (en autorisant le copier/coller, firebug vous indique comment faire). Et activer vos checkbox :
setCheckBoxes('form_name_or_number', 'name_of_checkbox', true); //sets as checked
Un autre code How to implement “select all” check box in HTML? pour sélectionner toutes les checkbox selon leur nom :
var checkboxes = document.getElementsByName('name_of_checkbox');
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = true; //sets as checked
}