检查哪些单选按钮未在 angular2/ionic2 中检查答案

【问题标题】：Checking which radio buttons are not checked in angular2/ionic2检查哪些单选按钮未在 angular2/ionic2 中检查
【发布时间】：2023-03-28 15:17:01
【问题描述】：

正在构建一个应用程序，我想检查表单中哪些单选按钮未选中

这是我的代码

<form [formGroup]="inspectionform" style="padding: 20px">

<ion-card *ngFor='let checklists of inspectionform.controls["inputfileds"]["controls"] ;let i=index'>

 <ion-row radio-group (ionChange)="onChange($event)">
     <ion-col width-30>
       <ion-item>
           <ion-label>Yes</ion-label>
           <ion-radio id={{i}}  value='{{checklists.controls["radiovalue"].value}}-yes'  ></ion-radio>
       </ion-item>
     </ion-col>


     <ion-col width-30 style="text-align:right; margin:auto">

         <ion-item  style="text-align:left">
             <ion-label>No</ion-label>
              <ion-radio id={{i}} value='{{checklists.controls["radiovalue"].value}}-no'></ion-radio>

       </ion-item>

     </ion-col>

 </ion-row>

</form>

然后我有一个表单构建器代码

let inspectionform: FormGroup;
      let checkinputs: FormArray = new FormArray([]);
      for (let i = 0; i < this.checklists.length; i++) {
        checkinputs.push(
          new FormGroup({
            description:new FormControl(this.checklists[i].item),
            input: new FormControl(''),
            radiovalue: new FormControl(this.checklists[i].id),

          })
        )
      }

      this.inspectionform = this._formBuilder.group({
        inputfileds: this._formBuilder.array(checkinputs.controls)
      })

现在在提交表单时，我想检查未选中但我还没有找到方法的单选按钮。我该怎么办呢

类似

onSubmit(){
  console.log("these radio buttons with id's are not checked")
 }

单选按钮的id是index的值

【问题讨论】：

标签： javascript angular typescript ionic2

【解决方案1】：

您可以将新属性“isSelected”添加到“清单”对象。然后将此对象绑定到您的视图。

<ion-item>
         <ion-label>No</ion-label>
         <ion-radio id={{i}} [checked]='checklists.controls.isSelected' value='{{checklists.controls["radiovalue"].value}}-no'></ion-radio>

</ion-item>

然后，您只需操作您的对象即可知道哪个对象被选中。

最好让 ViewModel 层来操作您的数据，而不是直接操作您的视图。

【讨论】：