时间戳

首页 > 解决方案 > 如何使用 Angular 8 以编程方式选中或取消选中我的复选框？

javascript - 如何使用 Angular 8 以编程方式选中或取消选中我的复选框？

问题描述

这是我的复选框。如何通过函数以编程方式取消选中或选中复选框？

<input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" />

<label for="test1">Purchased Item</label>

标签： javascriptangulartypescript

解决方案

输入类型复选框有检查属性，检查接收真或假，不需要更改变量购买的值，因为已经绑定，所以你只需要输入是否检查，你可以使用

<input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" 
 [checked]="functionToDetermineIfCheckOrNot()"/>

或者您可以使用 isChecked var

 <input name="Purchased" [(ngModel)]="Purchased" type="checkbox" id="test1" 
 (click)="isChecked = !isChecked"
 [checked]="isChecked"/>

希望这对你有帮助，问候

推荐阅读