javascript - 设置复选框节点列表的选中状态

Question

我有一个复选框的节点列表。我怎样才能将它们全部设置为检查？以下 forEach 不起作用，因为 类型元素上不存在检查的属性

let checkboxes = document.querySelectorAll('[id^="chkAddProposalProduct_"]');

checkboxes.forEach(c => { c.checked = true});

HTML

<input type="checkbox" id="chkAddProposalProduct_{{product.productId}}">

Answer 1

TypeScript 无法知道 checkboxes仅包含 <input type="checkbox">元素。您可以拥有 ID 以 chkAddProposalProduct_ 开头的任何元素.所以你需要告诉 TypeScript 编译器 checkboxes是一个 NodeList的 HTMLInputElement对象，像这样:

let checkboxes = document.querySelectorAll('[id^="chkAddProposalProduct_"]') as NodeListOf<HTMLInputElement>;

checkboxes.forEach(c => { c.checked = true; });