Question

我正在尝试获取表格中复选框组的选中值。我有像

这样的情况

列出表格中的所有记录，每行都有一个复选框

<td><input type="checkbox" value="{{my.id}}" /></td>

我在表格标题处有一个复选框，可以为所有表格复选框切换true / false

<th><input type="checkbox" id="checkAll" (click)="changeCheck()" [(ngModel)]="checkAllValue" /></th>

我在changeCheck（）中的代码如下：

changeCheck(): void {        

    var checkedItems = jQuery("#tbPayments input[type='checkbox'][id!=checkAll]");
    for (let item = 0; item < checkedItems.length; item++) {
        console.log(checkedItems[item].checked = true);
    }
}

但是打字错误的打字稿： “HTMLElement”

类型中不存在“已检查”属性

如何在表格中切换复选框列表。有人可以帮忙！

Answer 1

将HTMLElement投放到具有HTMLInputElement属性的checked。

for (let item = 0; item < checkedItems.length; item++) {
    console.log((checkedItems[item] as HTMLInputElement).checked = true);
}

Answer 2

CheckedItems被输入到可以从jQuery调用HTMLElement确定的最类型的值。如果你知道它是一个HTMLInputElement，你应该这样做：

changeCheck(): void {        
    var checkedItems = jQuery("#tbPayments input[type='checkbox'][id!=checkAll]") as HTMLInputElement[];
    for (let item = 0; item < checkedItems.length; item++) {
        console.log(checkedItems[item].checked = true);
    }
}

如何在typescript

2 个答案: