94 votes

Comment réinitialiser toutes les cases à cocher en utilisant jquery ou javascript ?

Comment puis-je réinitialiser toutes les cases à cocher d'un document en utilisant jquery ou javascript ?

155voto

Tatu Ulmanen Points 52098

Si vous voulez dire comment supprimer l'état "coché" de toutes les cases à cocher :

$('input:checkbox').removeAttr('checked');

0 votes

Ce script fait basculer l'état des cases à cocher. Je ne sais pas si je fais quelque chose de mal

42 votes

Notez qu'à partir de la version 1.6 de jQuery, vous devez utiliser .prop('checked', false) pour une meilleure compatibilité avec les navigateurs. api.jquery.com/prop

0 votes

Je l'ai utilisé pour réinitialiser le formulaire avant d'ouvrir un nouveau dialogue. Après cela, j'ai besoin de mettre une case à cocher 'checked' et cela ne fonctionne pas. Lorsque je regarde le code généré, elle est "cochée", mais sur ma page, elle ne l'est pas $('input:checkbox').removeAttr('checked') ; $('input[value='+val+']').attr('checked',true) ;

52voto

Kevin Q. Yu Points 71

Si vous souhaitez utiliser la fonction de réinitialisation du formulaire, il est préférable d'utiliser cette fonction :

$('input[type=checkbox]').attr('checked',true); 

OU

$('input[type=checkbox]').attr('checked',false);

On dirait que removeAttr() ne peut pas être réinitialisé par form.reset() .

1 votes

Bien que la réponse acceptée fonctionne également, je trouve que c'est la meilleure façon de procéder. S'il vous plaît, si vous lisez ceci, pensez à utiliser cette méthode, car c'est la meilleure pratique.

0 votes

Il ne s'agit pas de RÉINITIALISER la case à cocher, mais de la DÉCONNEXION. Vous devez utiliser item.defaultChecked pour rétablir l'état initial !

13voto

Sundeep Points 501

La réponse ci-dessus n'a pas fonctionné pour moi -

Les travaux suivants ont été réalisés

$('input[type=checkbox]').each(function() 
{ 
        this.checked = false; 
}); 

Cela permet de s'assurer que toutes les cases à cocher ne sont pas cochées.

13voto

Dean Burge Points 2367

Dans certains cas, la case à cocher peut être sélectionnée par défaut. Si vous souhaitez rétablir la sélection par défaut plutôt que de la définir comme non sélectionnée, comparez l'option defaultChecked propriété.

$(':checkbox').each(function(i,item){ 
        this.checked = item.defaultChecked; 
});

0 votes

J'ai presque répondu la même chose ! il y a une différence entre reset et unset ! UP

4voto

Yene Mulatu Points 640
 $(":checkbox:checked").each(function () {

 this.click(); 
});

à une case non cochée, inversez votre logique pour faire le contraire.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X