TypeScript：复选框输入的正确“HTML 类型”是什么？

Question

I have a checkbox in angular2 application. I catch the click event on it and check the checked property value.

However, during compilation, event.target.checked is not recognize:

error TS2339: Property 'checked' does not exist on type 'EventTarget'.

Based on this post , I should inform typescript of the type.

But what is the type of my input ? I do not find anything related to checkbox in code completion and HTMLInputElement throws the same error.

---

HTML input

<input id="ID" formControlName="key" type="checkbox"
                    aria-label="Checkbox for following text input">

---

Typescript

$("#id").on('click', (event:Event) => {
  if (<WHAT SHOULD BE THERE ?>(event.target).checked) {
    $("#id").prop('checked', false);
  } else {
    $("#id").prop('checked', true);
  }
}

Answer 1

let test: HTMLInputElement;
console.log(test.checked);

Works just fine, no errors in my React codebase. check that your typescript is not crashed!

Answer 2

But what is the type of my input ?

If you are not sure about the type of checkbox event you can use type as any which can accept any data in any format.

In the above case instead of event.target.checked there should be event.checked and type definition (event: Event) => {} should be replaced by (event: any) => {}