类型“ HTMLElement”上不存在“已检查”属性。

Question

我在打字稿文件中有这段代码

 function debug_show_removed_flights() {
    if ($('.debug-window #show_removed_flights')[0].checked) {
      $('.fly-schedule-removed_reason').show();
      return $('.fly-schedule-remove').show();
    } else {
      $('.fly-schedule-removed_reason').hide();
      return $('.fly-schedule-remove').hide();
    }
  };

但是在这一行中，我有错误。

if ($('.debug-window #show_removed_flights')[0].checked) {

[ts]属性'checked'在类型'HTMLElement'上不存在。

我该如何解决？

Answer 1

仅HTMLInputElement具有选中的属性。您可以强制转换元素，以便进行转换：

function debug_show_removed_flights() {
    const input = $('.debug-window #show_removed_flights')[0] as HTMLInputElement;
    if (input.checked) {
        $('.fly-schedule-removed_reason').show();
        return $('.fly-schedule-remove').show();
    } else {
        $('.fly-schedule-removed_reason').hide();
        return $('.fly-schedule-remove').hide();
    }
}