我们需要使用什么类型的复选框事件 onchange？答案

【问题标题】：What type do we need to use with checkbox event onchange?我们需要使用什么类型的复选框事件 onchange？
【发布时间】：2023-02-21 00:24:47
【问题描述】：

使用带有打字稿的纯javascript，我们需要将什么类型与复选框事件onchange一起使用？

const checkbox = document.querySelector("#myCheckbox") as HTMLInputElement;

function handleCheckboxChange(event: ChangeEvent<HTMLInputElement>) {
    if (event.target.checked) {
        console.log("Checkbox is checked");
    } else {
        console.log("Checkbox is not checked");
    }
}

checkbox.onchange = handleCheckboxChange;

上面的解决方案给出了以下错误

type ChangeEvent = /*unresolved*/ any
Cannot find name 'ChangeEvent'.

【问题讨论】：

标签： typescript

【解决方案1】：

您需要确保从文档中的反应中导入界面，例如：

import { ChangeEvent } from "react";

或者，使用命名空间 React.ChangeEvent，例如：

function handleCheckboxChange(event: React.ChangeEvent<HTMLInputElement>) {
    if (event.target.checked) {
        console.log("Checkbox is checked");
    } else {
        console.log("Checkbox is not checked");
    }
}

【讨论】：