单选按钮禁用和启用取决于值 angular 6答案

【问题标题】：Radio button disable and enable depends on values angular 6单选按钮禁用和启用取决于值 angular 6
【发布时间】：2019-03-21 10:04:53
【问题描述】：

我正在尝试禁用和启用单选按钮取决于值。在我的代码中，如果我在文本框中输入“是”，然后单击确定按钮单选按钮一个被禁用。但是，如果我键入 no 单选按钮 2 不会禁用。我不知道发生了什么。任何人都可以在我的代码中找到错误吗？

https://stackblitz.com/edit/radio-button-gdpwvc?file=src%2Fapp%2Fapp.component.html

clickit(){

if(  this.entervalues=="yes" )  {
this.radio1=true;
}

 if(  this.entervalues=="no" )  {
this.radio2=true;
}

}

【问题讨论】：

标签： angular angular6 angular5 angular7

【解决方案1】：

您只需要 1 个变量来保存单选按钮的值

在 html 中试试这个，

    <div class="form-check-inline">
       <label class="form-check-label">
       <input type="radio" class="form-check-input" name="radio" [(ngModel)]="radio1" [disabled]="disabled" [value]="true">Yes
       </label>
     </div>
     <div class="form-check-inline">
       <label class="form-check-label">
       <input type="radio" class="form-check-input" name="radio"  [(ngModel)]="radio1" [disabled]="!disabled" [value]="false">No  
       </label>
     </div>

这个在component.ts中，

clickit(){
  if(  this.entervalues=="yes" )  {
   this.disabled=true;
  }

  if(  this.entervalues=="no" )  {
    this.disabled=false;
  }
}

【讨论】：

是的..但我不能单选按钮..如何禁用取决于值？
您可以为此创建一个单独的问题吗？
否..实际上我正在努力实现这一目标，但我想编辑我的问题。所以请回答
不工作...最初都启用...如果我输入“是”是单选按钮应该被禁用...如果我输入“否”单选按钮应该被禁用：stackblitz.com/edit/radio-button-jzterc?file=src/app/…
最初不要禁用单选按钮“否”和“是”

【解决方案2】：

您不需要 2 个变量：

  radio;
  entervalues;


  clickit(){
    this.radio = this.entervalues === "yes";
  }

在模板中：

<label class="form-check-label">
     <input type="radio" class="form-check-input" name="radio"  [(ngModel)]="radio" [value]="true">Yes
</label> 
 ...
<label class="form-check-label">
     <input type="radio" class="form-check-input" name="radio"  [(ngModel)]="radio" [value]="false">No
</label>

【讨论】：

【解决方案3】：

我检查了你的代码。基本问题是您在.ts 中将radio2 值设置为true，但在html 中属性绑定到false。所以，radio2 将被选中，如果绑定到它的模态值是false。

link for modified code (changed radio2 to false on click if value in text box is no)

【讨论】：