Semantic-UI 复选框单选类型

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与 Bootstrap 的使用方式相同，并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 有一堆用于用户界面设计的组件。其中之一是“复选框”。复选框用于显示不同的选项供用户选择。用户可以根据自己的选择在其中进行选择。根据形状和样式，有不同类型的复选框。其中之一是无线电类型。

Semantic UI Checkbox Radio Type用于以单选按钮的形式制作复选框，用户可以使用该单选按钮来选择真或假值。它添加了与默认复选框不同的外观。

Semantic-UI 复选框单选类型类：

• radio：该类用于以收音机的形式显示复选框。

句法：

   
   ...

示例 1：此示例演示了一个复选框单选类型，使用单选类进行单选。

HTML

  

   

  

   

      


      

        GeeksforGeeks
      
      
         
Semantic UI Checkbox Radio Type
      
      

      

      Radio Checkboxes:
      


      

         
         
           Subscribe to GFG weekly newsletters .  
        
      
   

输出：

单选框

示例 2：此示例使用radio类演示了具有多个选择的复选框单选类型。

HTML

  

   

  

   

      


      

        GeeksforGeeks
      
      
         
Semantic UI Checkbox Radio Type
      
      

      

      Radio Checkboxes:
      


      

         

           How often do you visit Geeks for Geeks?
           

             

               
               Once a day .
             
           
           

             

               
               Twice a day .
             
           
           

             

               
               2-3 times a week .
             
           
           

             

               
               Once a week .
             
           
         
       
   

输出：

单选框

参考： https://semantic-ui.com/modules/checkbox.html#radio