2017-04-19 108 views
1

设置复选框的属性我想在一个表中获取复选框组的检查值。我有有各行的复选框中的表像如何打字稿

  • 列表中的所有记录的情况

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

  • 我在表头的复选框切换真/假所有表复选框

    <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); 
    } 
} 

但打字稿抛出一个错误: 属性 '检查' 的类型 'HTML元素'

不存在

如何切换我的表格中的复选框列表。有人可以帮忙!

+0

如果你只是看到了红色的印记,那么我认为你可以忽略,看到同样的问题/答案[这里](HTTP:/ /stackoverflow.com/questions/33242324/typescript-how-to-tell-that-element-is-checkbox-so-element-checked-is-not-red-u) –

回答

1

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); 
    } 
} 
1

演员HTMLElementHTMLInputElement它具有checked财产。

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

谢谢了!它工作 – Born2Code

+0

谢谢!我做的 – Born2Code