【问题标题】:angular chekcbox is checked change other input value角度复选框被选中更改另一个输入值
【发布时间】:2020-02-26 20:57:15
【问题描述】:

我想找到一个解决方案,如果我选中一个复选框,那么另一个 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>

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

【问题讨论】:

  • 尝试为输入分配禁用属性,例如&lt;input placeholder="24hr format" aria-label="24hr format" [disabled]="openingHours.is_closed_all_day" ...
  • 谢谢@ManirajMurugan 这解决了我的问题。 :)
  • 那你为什么接受下面提供的解决方案??这也解决了你的问题吗??
  • 你有什么问题? @ManirajMurugan
  • 我没有任何问题先生。你提到我的解决方案解决了你的问题。然后你也接受了下面的答案。所以问这是否也解决了你的问题。我问过在下面发布我的解决方案作为答案,这可能对其他人也有帮助..

标签: angular checkbox


【解决方案1】:
<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked)" />

在你的班级里:

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

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

希望你明白逻辑。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-09
    • 1970-01-01
    • 2016-01-27
    • 2020-03-02
    • 2023-03-22
    • 2021-03-09
    相关资源
    最近更新 更多