Cocher toutes les Cases dans la Page à l'aide des Outils du Développeur

J'ai une boucle qui crée 20 cases dans la même page (il crée des formes différentes). Je veux via chrome developer tools pour exécuter un script JavaScript sans utiliser de bibliothèque VÉRIFIER tous cases 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 en Stack Overflow, mais aucun n'a fonctionné pour moi, je serai heureux si quelqu'un pouvait me trouver la bonne réponse.

InformationsquelleAutor Ignacio Correia | 2013-01-09
  1. 75
    (function() {
    var aa= document.getElementsByTagName("input");
    for (var i =0; i < aa.length; i++){
        if (aa[i].type == 'checkbox')
            aa[i].checked = true;
    }
})()

    Avec des navigateurs peuvent utiliser document.querySelectorAll

    (function() {
    var aa = document.querySelectorAll("input[type=checkbox]");
    for (var i = 0; i < aa.length; i++){
        aa[i].checked = true;
    }
})()
    • Cette une a parfaitement fonctionné. THankks
    • Vous avez fait ma "nuit"..merci pour ça! =)
    • Cette juste m'a sauvé d'avoir à vérifier un million de boîtes de désabonnement. Je vous remercie.
    InformationsquelleAutor Musa
  2. 7

    À partir de la Console d'Outils de Dev (F12), vous pouvez utiliser la requête du sélecteur de vous utiliser en javascript ou jQuery.

    '$$' - les moyens de sélectionner tous les éléments. Si vous utilisez '$' au lieu de cela, vous obtiendrez seulement le premier élément.

    Afin de sélectionner toutes les cases à cocher que vous pouvez faire à la suite

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

    ou

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

    • Cela a totalement fonctionné pour moi.#upvote!!!
    InformationsquelleAutor Vlad Bezden
  3. 3

    Vous avez presque correct. Utilisez simplement

    aa[i].checked = "checked";

    l'intérieur de la boucle.

    À savoir, vous devez vous assurer que:

    1. "checked" est une chaîne de caractères, pas un identifiant de variable, et
    2. vous index directement sur aa, pas aa.elements, qui n'existe pas
    InformationsquelleAutor apsillers
  4. 2

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

    var aa = document.getElementsByTagName("input"); for (var i = 0; i < aa.length; i++) aa[i].checked = true;
    • Ce n'était pas de travail pour moi. Adapté à la suivante, qui n'travail: var aa = document.querySelectorAll('input[type=checkbox]'); for (var i = 0; i < aa.length; i++) aa[i].checked = true;
    • Merci! J'ai sauté de se soucier uniquement des cases à cocher, mais qui pourraient être mis de nouveau (si l'instruction de la principale réponse). Je me demande ce qui ne fonctionne pas pour vous... votre solution ne pourrait pas m'aider sur d'anciennes versions IE. quirksmode.org/dom/core/#t12
    • Pour info, j'ai vérifié à nouveau et il semble être très bien. jsfiddle.net/r7jnxta2
    InformationsquelleAutor user423430
  5. 1

    Essayez ceci 🙂

    (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/

    • Vous n'avez pas besoin de convertir le nodelist à un tableau d'appel forEach de la même manière que vous avez appelé la tranche de Tableau.le prototype.forEach.appel(cases à cocher,la fonction (case à cocher) { ` jsfiddle.net/YxUHw/17
    InformationsquelleAutor Robin Drexler
  6. 1

    Essayer setAttribute.

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

    Edit: ajout de parenthèses pour exécuter la fonction immédiatement.

    • il n'est pas de travail. grrrrr. pouvez-vous s'il vous plaît créer une démo?
    • Le code dans votre question crée une fonction: "fonction(){...}". Il ne fait pas les appel la fonction si, c'est pourquoi aucune des réponses fournies ici, le travail pour vous. Nous avons tous supposé que vous voulais de l'aide avec le fonctionnement interne de la fonction, et non pas comment l'exécuter. J'ai ajouté entre parenthèses à ma solution de sorte qu'il va invoquer la fonction immédiatement.
    InformationsquelleAutor jimbo
  7. 1

    Fonction Javascript à bascule (cochez/décochez) la case tout.

    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 voulez à partir d'outils de développement, puis supprimer le paramètre de la fonction et de mettre la valeur de "true" ou "false" au lieu de "bx.checked"

    InformationsquelleAutor Prem Kumar Maurya