Typescript, wie man dieses Element erkennt, ist checkbox, also element.checked ist nicht rot unterstrichen

Question

Ich überprüfe auf Eingangstyp irgendeines Elements, zB Checkbox in TS. Jetzt bin ich mir sicher, dass ich das Element checkbox habe, also sollte dieses Element die Eigenschaft checked haben. Aber wenn ich einfach tun

als es funktioniert, aber element.checked ist rot unterstrichen. Ich denke, dass ich einfach von HTMLElement zu etwas wie CheckboxElement wiederholen muss, aber nichts passendes für diese Umwandlung fand. Wie man das los wird? Ich habe dies auch im Falle von element.value

Answer 1

Es gibt keine "Checkbox" Elementtyp, da es nur ein "Eingabe" -Element mit dem Typ checkbox ist. Sie könnten nutzen/behaupten mit dem Typ HTMLInputElement die eine Erweiterung von HTMLElement ist:

var element: HTMLInputElement; 
//... You still need to do all the null checks as necessary 
//The below check may be irrelevant depending upon what you are actually doing. 
//But i am just adding here to show that you need to refer to the property "type" and 
//not "InputType" 
if (element.type.toLowerCase() == "checkbox") { 
    element.checked = true; 
} 

Answer 2

Die if Anweisung nicht erforderlich ist, wie andere bereits erwähnt. Allerdings gibt es mehrere Möglichkeiten, wie Compiler glücklich zu machen:

// 1st (best variant in my opinion) 
let e1: HTMLInputElement; // type of variable 
e1.checked = true; 

// 2nd (sometimes a good option too)  
let e2 = document.getElementById('myInput'); 
(<HTMLInputElement>e2).checked = true; // "hint" the type to TypeScript 

// 3rd (a hack that may come handy sometimes) 
let e3 = document.getElementById('myInput'); 
e2['checked'] = true;