Semantic-UI Checkbox 只读状态

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 有一堆用于用户界面设计的组件。其中之一是“复选框”。复选框用于向用户显示不同的选项以供选择。用户可以根据需要在其中进行选择。根据复选框的使用要求，复选框有不同的状态。其中之一是只读状态。

语义 UI 复选框只读状态：用户可能需要在 UI 中显示一些复选框，其值不会更改，或者该人无权执行此操作。在这种情况下，只读状态就派上用场了。用户可以显示该值并在 UI 上通知该选项，但不授予他更改状态。所以复选框对他来说是只读的。

Semantic-UI Checkbox 只读状态类：

• read-only：该类用于以只读状态显示复选框，并防止值的更改。

句法：

 
 ....

要实例化复选框函数，我们使用以下语法：

   $('.ui.checkbox').checkbox();

示例 1：此示例使用只读类演示了复选框只读状态。它以只读条件显示真假条件。

HTML

  

   
     
   
   
  
   
   

  

  
  
  
     GeeksforGeeks
  
  
  
    Semantic UI Checkbox Read-only State
  
  
  
  
    Read-only Checkboxes:
  
  
  
     
      
         
          
          Read only checked checkbox
         
       
  
        
         
            
            Read only unchecked checkbox
         
        
     
  
 
  
  
    $('.ui.checkbox').checkbox();
  

  

输出：用户只能看到与复选框相关的值。用户无法更改状态。   

只读状态

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