📜  Framework7复选框和无线电

📅  最后修改于: 2021-01-02 06:01:05             🧑  作者: Mango

复选框和收音机

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

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

Index Type Description
1) Checkboxes group It allows the user to select a list of specified options by checking them.
2) Radios group iOS It allows the user to select only one option from the list of options.
3) Radios group Material Radios group is also supported by the Material theme and you have to add additional icons for radios.
4) With media list view It is possible to use both checkboxes and radios groups with media list view.

复选框组示例

复选框组使用户可以通过选中指定选项列表来选择它们。

item-content必须是具有label-checkbox类的label元素,并且复选框图标应位于item-media中。




   
      
      
      
      Checkboxes group
      
      
   

   
      

Radios Group iOS示例

Radio Group iOS使用户可以从选项列表中仅选择一个选项。 item-content必须是具有label-radio类的label元素,并且radio输入应该是item-content的第一个子元素。




   
      
      
      
      Checkboxes group
      
      
   

   
      

无线电组材料示例

Framework7也支持无线电组。




   
      
      
      
      Radios group Material
      
      
   

   
      

带有媒体列表视图

它使您可以在媒体列表视图中同时使用复选框和广播组。




   
      
      
      
      Checkboxes group