Javascript Girl
  1. Javascript Girl
  3. Cochez toutes les cases à cocher dans la page via les outils de développement
Intereting Posts
Angular ngGrid sélectionner la ligne sur la page charger Comment puis-je utiliser modulo operator (%) en JavaScript? Ouvrir l'URL SSRS dans une nouvelle fenêtre Comment obtenir une résolution d'écran de JavaScript dans R Shiny? Comment obtenir des événements associés aux éléments DOM? Impossible d'identifier si mon cas de test passe ou échoue Passer un opérateur mathématique en tant que paramètre Déplacer un div de l'intérieur d'un div vers un autre div en utilisant un prototype? Zip deux tableaux Javascript JQuery ne peut pas trouver mon élément. Pourquoi? Qu'est ce qui mange mon cookie? Le cookie n'est pas transféré dans l'appel Asmx Google Map API v3 ~ Simplement fermer un infowindow? Trouver des angles 0-360 Ajax soumette diverses valeurs d'entrée avec jquery UI next button click Impossible de lire la propriété 'getHostNode' de null

Cochez toutes les cases à cocher dans la page via les outils de développement

J'ai une boucle qui crée 20 cases à cocher dans la même page (elle crée différentes formes). Je souhaite que les outils de développement chrome exécutent un JavaScript sans utiliser de bibliothèque qui VÉRIFIE toutes les cases à cocher en même temps.

C'est aussi loin que j'ai eu: 

function() { var aa= document.getElementsByTagName("input"); for (var i =0; i < aa.length; i++){ aa.elements[i].checked = checked; } }

PS: J'ai cherché et trouvé beaucoup de questions dans Stack-Overflow, mais personne n'a travaillé pour moi, je serai ravi que quelqu'un me trouve la bonne réponse. 

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

Les navigateurs les plus récents peuvent utiliser document.querySelectorAll 

 (function() { var aa = document.querySelectorAll("input[type=checkbox]"); for (var i = 0; i < aa.length; i++){ aa[i].checked = true; } })()

À partir des outils de la console Dev (F12), vous pouvez utiliser le sélecteur de requête comme vous l'utilisez dans javascript ou le code jQuery.

'$$' – signifie sélectionner tous les éléments. Si vous utilisez '$', vous n'obtiendrez que le premier élément.

Donc, pour sélectionner toutes les cases à cocher, vous pouvez suivre

$$('input').map(i => i.checked = true)

ou

$$('input[type="checkbox"').map(i => i.checked = true)

Vous l'avez presque correct. Utilisez juste 

 aa[i].checked = "checked";

Dans la boucle.

À savoir, vous devez vous assurer que:

  1. "checked" est une chaîne, pas un identifiant de variable, et
  2. Vous aa.elements directement sur aa , pas aa.elements , qui n'existe pas

Si vous êtes ici pour le one-liner rapide: 

 var aa = document.getElementsByTagName("input"); for (var i = 0; i < aa.length; i++) aa[i].checked = true;

Essaye ça 🙂 

 (function () { var checkboxes = document.querySelectorAll('input[type=checkbox]'); //convert nodelist to array checkboxes = Array.prototype.slice.call(checkboxes); checkboxes.forEach(function (checkbox) { console.log(checkbox); checkbox.setAttribute('checked', true); }); })()

http://jsfiddle.net/YxUHw/

Essayez setAttribute . 

 (function() { var aa = document.getElementsByTagName("input"); for (var i =0; i < aa.length; i++){ aa.elements[i].setAttribute('checked', 'checked'); } })();

Modifier: ajoutés parens pour exécuter la fonction immédiatement.

Fonction Javascript pour basculer (cocher / décocher) toutes les cases à cocher. 

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

Si vous le souhaitez à partir des outils du développeur, supprimez le paramètre de la fonction et mettez la valeur comme "vraie" ou "fausse" au lieu de "bx.checked"