HTML-Kontrollkästchen mit JS

Question

<input type="checkbox" name="smoker"> 

Wie bekomme ich JavaScript zu erkennen, ob das Kontrollkästchen aktiviert oder deaktiviert ist, ohne den oben genannten HTML-Code zu ändern.

Answer 1

Verwenden Sie querySelectorAll(), um alle input Element zu erhalten. Dann durchlaufen Sie alle input, um die input mit spezifischen Namen zu finden. Dann überprüfen Sie einfach die checked Eigenschaft des Eingangs. Versuchen Sie Folgendes:

var val = document.querySelectorAll("input"); 
 
val.forEach(function(item){ 
 
    if(item.name == 'smoker'){ 
 
    console.log(item.checked) 
 
    } 
 
});

<input type="checkbox" name="smoker">

Answer 2

Verwenden querySelector und bekommen das Element mit Namen

let val = document.querySelector('[name="smoker"]').checked; 
console.log(val);