我的 html 中有两个复选框，如下所示：
<label><input type="checkbox" id="checkbox1" /> Folder 1: </label>
<label><input type="checkbox" id="checkbox2" /> Folder 2: </label>
但我不确定如何在我的 Typescript 文件中检索复选框值。我知道我可以通过为每个复选框调用一个单独的函数并更改我的打字稿中的一个值来实现这一点。但是，这似乎不是最好的方法——如果我有十个不同的复选框，那么我的打字稿中将需要 10 个不同的函数。
有没有一种简单的方法可以根据 id 获取复选框是打开还是关闭？还有比这更好的方法吗？
【问题讨论】：
标签： html angular checkbox typescript
如果要双向绑定复选框，则应使用 ngModel 绑定。
<input type="checkbox" [(ngModel)]="checkBoxValue" />
在你的组件类中：
export class AppComponent {
checkboxValue: boolean = false;
}
【讨论】：
你可以绑定到input元素的checked属性，如下所示，
@Component({
selector: 'my-app',
template: `<h1>Hello {{name}}</h1>
<label><input type="checkbox" [checked]="checkbox1" /> Folder 1: </label>
<label><input type="checkbox" [checked]="checkbox2" /> Folder 2: </label>
`
})
export class AppComponent {
name = 'Angular';
checkbox1 = false;
checkbox2 = true;
}
这里是Plunker。
希望这会有所帮助！
【讨论】：
您可以在复选框中使用[value]="myVariable"！
【讨论】：