Comment puis-je cocher toutes les cases d'une page HTML en un clic?

Question

Je suis page html avec 5 cases à cocher

Mon exigence est d'avoir un morecheckboxes "Sélectionner tout" qui est utilisé pour sélectionner les 5 cases à cocher.

Merci à l'avance

Fermé en double exact de this question.

Answer 1

Si vous cherchez javascript qui va vérifier vos 5 cases à cocher lorsque le 6e est cliqué, quelque chose comme cela devrait fonctionner:

function CheckAll(value){ 
    document.getElementByID("CheckBox1").checked = value; 
    document.getElementByID("CheckBox2").checked = value; 
    document.getElementByID("CheckBox3").checked = value; 
    document.getElementByID("CheckBox4").checked = value; 
    document.getElementByID("CheckBox5").checked = value; 
} 

<input type="checkbox" id="CheckBox6" onclick="CheckAll(this.checked)"><label>Check All</label> 

Answer 2

Dans HTML « pur », vous ne pouvez pas, si vous le pouvez modifiez votre code côté serveur pour interpréter correctement cette case comme signifiant "agir comme si tous les autres étaient cochés".

C'est assez facile d'utiliser Javascript. Créez une méthode déclenchée lorsque la case "Sélectionner tout" est cochée, puis recherchez les autres cases par ID et marquez-les comme cochées. On ne sait pas ce que vous devriez faire si la case "Sélectionner tout" n'est pas cochée, alors peut-être que ce devrait juste être un lien.

Answer 3

Vous ne pouvez pas le faire uniquement en HTML, mais il devrait être assez simple avec javascript.

Personnellement, je l'utilise jQuery comme ceci: http://abeautifulsite.net/notebook/50

Answer 4

C'est un travail pour jQuery. Passez du temps aujourd'hui et apprenez-en si vous le pouvez. C'est génial pour ce genre de tâche.