首页 > 解决方案 > 检查角度 chekcbox 更改其他输入值

问题描述

我想找到一个解决方案,如果我选中一个复选框,那么另一个 div 中的输入字段的值将更改为禁用。

``

<div class="24hr-example">
        <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24"  readonly>
        <ngx-material-timepicker #fullTime></ngx-material-timepicker>
   </div>

``

<app-checkbox [checked]="openingHours.is_closed_all_day" (change)="openingHours.is_closed_all_day = !openingHours.is_closed_all_day"></app-checkbox>

因此,如果我单击复选框,则给定的输入字段的值将被视为禁用。我试图用一个函数来解决它,但它不起作用。有什么办法可以解决这个问题?

标签: angularcheckbox

解决方案


<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked)" />

在你的班级里面:

checkValue(event: any){
   console.log(event);

if(any){
// disable value
}else{
//enable value
}
}

希望你能明白其中的逻辑。


推荐阅读