标签: ion-checkbox

离子复选框“已检查”属性不起作用

我对 angular/ionic 很陌生,我正在尝试创建一个带有默认选中复选框的表单。

它尝试了两个

checked
Run Code Online (Sandbox Code Playgroud)

checked="true"
Run Code Online (Sandbox Code Playgroud)

但两者都不起作用。奇怪的是,属性“禁用”工作得很好。

这是我的 html:

checked
Run Code Online (Sandbox Code Playgroud)

这是它的样子: 在此处输入图片说明

我在装有最新 Safari 浏览器的 MacBook Pro 上使用 angular8 和 ionic4。有任何想法吗?

ionic-framework angular ionic4 ion-checkbox angular8

5
推荐指数
1
解决办法
3838
查看次数

离子复选框仅在框可点击

我想将我的<ion-checkbox><ion-label>. 所以主要的问题是,如果你点击标签,我必须显示额外的信息,但你不应该激活复选框。只有在单击“复选框图标/复选框方块”时才应激活复选框。

<div>
  <ion-list>
    <ion-item *ngFor="let list of list">
    <ion-label (click)="showAdditionalInformations()">{{list.item.free_text}}</ion-label>
    <ion-checkbox *ngIf="list.item.checkbox==true"></ion-checkbox>
  </ion-item></ion-list>
</div>
Run Code Online (Sandbox Code Playgroud)

有人能帮我吗?

html ionic-framework ionic3 ion-checkbox

4
推荐指数
3
解决办法
3595
查看次数

如何获取离子3中的离子复选框多个选择值

    <div *ngIf="testList.length > 0">
  <ion-item *ngFor="let member of testList">
    <ion-label>{{member?.testName || 'N/A'}}</ion-label>
    <ion-checkbox color="dark" [(ngModel)]="member.checked"></ion-checkbox>
  </ion-item>
</div>

[{testID: 1, testName: " test1", testAmount: "500", testDescription: ""},
{testID: 2, testName: " test2", testAmount: "500", testDescription: ""},
{testID: 3, testName: "dgdfgd", testAmount: "150", testDescription: ""},
{testID: 4, testName: "UricAcid", testAmount: "200", testDescription: ""}]

<button (click)="gettstdata()">Done</button>
Run Code Online (Sandbox Code Playgroud)

单击“完成”按钮时如何获取所有复选框值(例如多选)

ionic-framework ionic3 angular ion-checkbox

2
推荐指数
3
解决办法
1万
查看次数