如何在打字稿中设置复选框属性
How to Set checkbox properties in typescript
我正在尝试获取 table 中复选框组的选中值。我遇到了
这样的情况
- 列出 table 中的所有记录,每行都有一个复选框
<td><input type="checkbox" value="{{my.id}}" /></td>
我在 table header 处有一个复选框,可以为所有 table 个复选框切换 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);
}
}
但是打字稿抛出错误:
属性 'checked ' 在类型 'HTMLElement'
上不存在
如何切换 table 中的复选框列表。有人可以帮忙吗!
将 HTMLElement
转换为 HTMLInputElement
,其中 checked
属性。
for (let item = 0; item < checkedItems.length; item++) {
console.log((checkedItems[item] as HTMLInputElement).checked = true);
}
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);
}
}
我正在尝试获取 table 中复选框组的选中值。我遇到了
这样的情况- 列出 table 中的所有记录,每行都有一个复选框
<td><input type="checkbox" value="{{my.id}}" /></td>
我在 table header 处有一个复选框,可以为所有 table 个复选框切换 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);
}
}
但是打字稿抛出错误: 属性 'checked ' 在类型 'HTMLElement'
上不存在如何切换 table 中的复选框列表。有人可以帮忙吗!
将 HTMLElement
转换为 HTMLInputElement
,其中 checked
属性。
for (let item = 0; item < checkedItems.length; item++) {
console.log((checkedItems[item] as HTMLInputElement).checked = true);
}
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);
}
}