Kontrollkästchen mit JavaScript markieren/entmarkieren

Question

Wie kann ein Kontrollkästchen mit JavaScript aktiviert/deaktiviert werden?

Answer 1

Ich möchte anmerken, dass das Setzen des Attributs "checked" auf einen nicht leeren String zu einem angekreuzten Kästchen führt.

Wenn Sie also das Attribut "checked" auf "falsch" wird das Kontrollkästchen aktiviert. Ich musste den Wert auf eine leere Zeichenfolge setzen, null oder den booleschen Wert falsch um sicherzustellen, dass das Kontrollkästchen nicht aktiviert wurde.

Answer 2

Vanilla js verwenden:

//for one element: 
document.querySelector('.myCheckBox').checked = true  //will select the first matched element
document.querySelector('.myCheckBox').checked = false//will unselect the first matched element

//for multiple elements:
for (const checkbox of document.querySelectorAll('.myCheckBox')) {
//iterating over all matched elements

checkbox.checked = true //for selection
checkbox.checked = false //for unselection
}

Answer 3

function setCheckboxValue(checkbox,value) {
    if (checkbox.checked!=value)
        checkbox.click();
}

Answer 4

<script type="text/javascript">
    $(document).ready(function () {
        $('.selecctall').click(function (event) {
            if (this.checked) {
                $('.checkbox1').each(function () {
                    this.checked = true;
                });
            } else {
                $('.checkbox1').each(function () {
                    this.checked = false;
                });
            }
        });

    });

</script>

Answer 5

Für die Einzelprüfung versuchen Sie

myCheckBox.checked=1

<input type="checkbox" id="myCheckBox"> Call to her

für mehrere Versuche

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

Buy wine: <input type="checkbox" class="imChecked"><br>
Play smooth-jazz music: <input type="checkbox"><br>
Shave: <input type="checkbox" class="imChecked"><br>