从Angular 2打字稿中获取HTML中的复选框值.

发布时间：2020-12-17 06:48:54 所属栏目：安全来源：网络整理

导读：我的html中有两个复选框,如下所示： labelinput type="checkbox" id="checkbox1" / Folder 1: /labellabelinput type="checkbox" id="checkbox2" / Folder 2: /label 但我不确定如何检索我的Typescript文件中的复选框值.我知道我可以通过为每个复选框调用一

我的html中有两个复选框,如下所示：

<label><input type="checkbox" id="checkbox1" /> Folder 1: </label>
<label><input type="checkbox" id="checkbox2" /> Folder 2: </label>

但我不确定如何检索我的Typescript文件中的复选框值.我知道我可以通过为每个复选框调用一个单独的函数并更改我的打字稿中的值来实现此目的.然而,这似乎不是最好的方式 – 如果我有十个不同的复选框,那么我需要在我的打字稿中有10个不同的功能.

是否有一种简单的方法可以根据ID获取复选框是打开还是关闭？还有比这更好的方法吗？

解决方法

如果要双向绑定复选框,则应使用ngModel绑定.

<input type="checkbox" [(ngModel)]="checkBoxValue" />

并在您的组件的类中：

export class AppComponent { 
  checkboxValue: boolean = false;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!