Dattiloscritto come dire che l'elemento è checkbox, quindi element.checked non è rosso sottolineato

Question

Sto verificando il tipo di input di qualche elemento, fe checkbox in TS. Ora sono sicuro di avere un elemento che è checkbox, quindi questo elemento dovrebbe avere la proprietà controllata. Ma se faccio semplicemente

element: HTMLElement 
if (element.InputType.toLowerCase() == "checkbox"){ 
    element.checked = true; 
} 

di quanto funzioni, ma element.checked è sottolineato in rosso. Penso che devo semplicemente ridigitare da HTMLElement a qualcosa come CheckboxElement, ma non ho trovato nulla adatto a questa conversione. Come sbarazzarsi di questo? Ho affrontato questo anche in caso di element.value

Answer 1

Non esiste un tipo di elemento "checkbox" poiché è solo un elemento di "input" con tipo checkbox. Si potrebbe utilizzare/asserire con il tipo di HTMLInputElement che è un'estensione di HTMLElement:

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

L'affermazione if non è necessario come altri hanno già detto. Tuttavia, ci sono diversi modi come fare compilatore felice:

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