Vérifier / décocher la case à cocher avec JavaScript

Question

Comment peut-on cocher/décocher une case à cocher en utilisant JavaScript?

Answer 1

Je voudrais noter que définir l'attribut 'checked' avec une chaîne non vide entraîne une case cochée.

Donc, si vous définissez l'attribut 'checked' sur "false", la case à cocher sera cochée. J'ai dû définir la valeur sur une chaîne vide, null ou la valeur booléenne false pour m'assurer que la case à cocher n'était pas cochée.

Answer 2

En utilisant vanilla js:

//pour un élément :
document.querySelector('.myCheckBox').checked = true  //sélectionnera le premier élément correspondant
document.querySelector('.myCheckBox').checked = false//décocher le premier élément correspondant

//pour plusieurs éléments :
for (const checkbox of document.querySelectorAll('.myCheckBox')) {
//itération sur tous les éléments correspondants

checkbox.checked = true //pour la sélection
checkbox.checked = false //pour la désélection
}

Answer 3

fonction setCheckboxValue(case à cocher, valeur) {
     if (case à cocher.checked!=valeur)
        case à cocher.click();
}

Answer 4

    $(document).ready(function () {
        $('.selecctall').click(function (event) {
            if (this.checked) {
                $('.checkbox1').each(function () {
                    this.checked = true;
                });
            } else {
                $('.checkbox1').each(function () {
                    this.checked = false;
                });
            }
        });

    });

Answer 5

Pour une seule vérification, essayez

myCheckBox.checked=1

 L'appeler

pour en essayer plusieurs

document.querySelectorAll('.imChecked').forEach(c=> c.checked=1)

Acheter du vin: 
Jouer de la musique jazz douce: 
Se raser: