Ionic 如何设置离子复选框只选中一个？

h22fl7wq 于 2022-12-08 发布在 Ionic

关注(0)|答案(3)|浏览(155)

如何设置只能选中一个复选框？//下图显示当前可以选中多个复选框。
第一个

3条答案

通过在循环时为元素添加一个ID。每个元素都需要附加一个ID才能指向特定的元素。

这就是我的答案
第一个

我更愿意使用ion-radio-group和ion-radio来完成此任务，因为前提条件是只能选择其中一行：

<ion-radio-group :value="selection">
  <td v-for="item in items">
    <ion-radio :value="item.cCouponCode" />
  </td>
</ion-radio-group>

并在脚本的数据节中声明selection，这样它的值就会被更新。
请在此处查看ion-radio文档：https://ionicframework.com/docs/api/radio