Ionic 3使用ion-checkbox仅选择一个

时间:2018-01-26 07:38:42

标签: ionic-framework checkbox ionic3

我如何使用复选框选择一个(就像收音机一样),我的代码:

<div *ngFor="let address of addresses; let i = index;">
  <ion-item>
    <ion-checkbox id="cb_{{address.id}}" (ionChange)="selectedAddress(address.id,addresses,i)" checked="false"></ion-checkbox>
  </ion-item>
</div>
ts文件中的

selectedAddress(id,addresses,index){
  for(let i=0; i<addresses.length; i++){
    if(index != i){
      document.getElementById("cb_"+addresses[i].id).checked = false;
    }
  }
}

但它没有用,有谁知道如何实现它?非常感谢

1 个答案:

答案 0 :(得分:1)

绑定address.checked = false;使用for循环或使用API​​加载页面时的好事。

传递地址对象槽              selectedAddress(地址,地址,i)方法。

in.ts             selectedAddress(地址,地址,i)的             {              address.checked =!address.checked;             }