Ionic 单选按钮

单选按钮是一种输入组件，用于保存布尔值。 它类似于 HTML 单选输入。 Ionic 单选按钮在每个平台上都以不同的样式显示，就像其他 Ionic 组件一样。 单选组件通常用作组内的一组相关选项，但也可以单独使用。 可以通过选择单选按钮选项来选中它，也可以通过设置 checked 属性以编程方式选中它。 它还使用 disabled 属性来禁止用户更改该值。

可以使用 <ion-radio-group> 组件来对一组单选按钮进行分组。 它允许您从一组单选按钮中最多选择一个。 换句话说，当单选按钮组包含多个单选选项时，任何时候都只会选中一个单选选项。 如果我们选择组内的任何单选选项，它将取消选中之前选定的单选选项。 如果单选选项未与另一个单选按钮分组，则可以同时选中两个单选按钮。

示例

在以下示例中，我们可以看到单选按钮如何在 Ionic 应用程序中工作。

输出

多个单选按钮组

有时您想要创建多个单选按钮组。 Ionic 单选按钮提供了 <ion-radio-group> 元素来创建多个单选按钮组。

示例

以下示例解释了如何创建多个单选按钮组。 在这里，我们还将看到单选按钮的 checked 和 disabled 属性的用法。

输出

执行应用程序时，将显示以下屏幕。 这里，Group1 是 CS Subject，其中第二个项目使用 checked 属性，而 Group2 是 Auto Manufactures，其中第二个选项使用 disabled 属性。