Comment créer un lien "cocher tout" pour un formulaire Web?

Question

J'ai un formulaire avec un tas de cases à cocher, et je voudrais fournir un lien/bouton "cocher tout".

J'utilise le code ci-dessous, mais quand il s'exécute, il prend des boutons radio sur la page, et les cocher/décocher eux aussi. Comment puis-je réparer ça?

var check = 0; 
function doNow() 
{ 
    void(d=document); 
    void(el=d.getElementsByTagName('INPUT')); 
    for(i=0;i<el.length;i++) 
    { 
     if(check == 0) 
      void(el[i].checked=1) 
     else 
      void(el[i].checked=0) 
    } 
    if(check == 0) 
     check = 1; 
    else 
     check = 0; 
} 

Answer 1

Vous voudrez vérifier le type de l'élément pour vous assurer de ne pas vérifier accidentellement le mauvais type d'entrée.

exemple de base:

function checkAll(toggle) { 
    var inputs = document.getElementsByTagName('input'); 
    for(var i = 0; i < inputs.length; i++) { 
     if(inputs[i].type == 'checkbox') { 
      inputs[i].checked = toggle; 
     } 
    } 
} 

Vous pouvez ajouter d'autres contrôles, comme agissant uniquement sur les cases à cocher dans un certain « groupe » logique, par exemple.

Answer 2

Vous pouvez vérifier le type de l'entrée:

if(el[i].type == 'checkbox') { 
    el[i].checked = true; 
} 

Answer 3

Vous pouvez stocker l'état actuel comme une propriété de la fonction ainsi que de vérifier le type

function checkAll() { 
    var all = document.getElementsByTagName('input'); 
    for(var i = 0, l = all.length; i < l; i++) { 
     if(all[i].type == 'checkbox') { 
      all[i].checked = checkAll.checked; 
     } 
    } 
    checkAll.checked = !checkAll.checked; 
} 
checkAll.checked = true;