我已经使用了 3 个按钮，一个用于一周，一个用于一个月，一个用于一天，如果单击一周按钮，应该禁用日和月

Posted 2023-03-13

【中文标题】我已经使用了 3 个按钮，一个用于一周，一个用于一个月，一个用于一天，如果单击一周按钮，应该禁用日和月

【英文标题】：i have used 3 buttons one for week one for month and one for day if click on the week button ,day and month should be disable

【发布时间】：2019-06-22 03:54:00

【问题描述】：

我使用了 3 个按钮，一个用于一周，一个用于一个月，一个用于天，如果单击周按钮，则应禁用日和月

一维 1W 1M

在操作一个按钮时，其他两个按钮应处于禁用状态

【问题讨论】：

欢迎来到 SO。好好阅读如何发布问题。向我们展示您迄今为止尝试的示例代码。 ***.com/help/how-to-ask

【参考方案1】：

您可以使用属性绑定并将布尔标志映射到要禁用的按钮的禁用属性。

<button [disabled]="flag">Submit</button>

请参阅类似的帖子以获得更好的理解：Angular2 disable button

【参考方案2】：

参考下面的代码

在 app.component.html 中，

<button [disabled]="flagWeek" (click)="disableFun('week')">Week</button>
<button [disabled]="flagMonth" (click)="disableFun('month')">Month</button>
<button [disabled]="flagDay" (click)="disableFun('day')">Day</button>

在 app.component.ts 中，

flagWeek: boolean;
flagMonth: boolean;
flagDay: boolean;

constructor()
this.flagWeek = false;
this.flagMonth = false;
this.flagDay = false;


disableFun(button: string)
  if(button == "week")
    this.flagMonth = true;
    this.flagDay = true;
   else if (button == "month")
    this.flagWeek = true;
    this.flagDay = true;
   else 
    this.flagMonth = true;
    this.flagWeek = true;
  

【讨论】：

感谢先生的回答，但如果我点击周其他 2 将禁用是正确的，但如果我点击月份它应该启用而其他两个应该禁用，如何做先生...谢谢前进

我想你问的是单选按钮之类的问题，对吗？