复选框和单选框

2025年3月17日 | 阅读 7 分钟

列表视图扩展可以方便你在 Framework7 中创建复选框和单选框输入。

以下是 Framework7 中使用的复选框和单选框输入列表

索引类型描述
1)复选框组它允许用户通过勾选来选择指定的选项列表。
2)单选框组 iOS它允许用户从选项列表中仅选择一个选项。
3)单选框组 MaterialMaterial 主题也支持单选框组,您需要为单选框添加额外的图标。
4)带媒体列表视图可以将复选框和单选框组与媒体列表视图一起使用。

复选框组示例

复选框组方便用户通过勾选来选择指定的选项列表。

item-content 必须是一个带有 label-checkbox 类的 label 元素,并且复选框图标应该在 item-media 中。

示例

立即测试

单选框组 iOS 示例

单选框组 iOS 方便用户从选项列表中仅选择一个选项。 item-content 必须是一个带有 label-radio 类的 label 元素,并且单选框输入应该是 item-content 的第一个子元素。

立即测试

单选框组 Material 示例

Framework7 也支持单选框组。

立即测试

带媒体列表视图

它可以方便您将复选框和单选框组与媒体列表视图一起使用。

示例

立即测试