如何在HTML中获取按钮切换状态？

切换按钮基本上是开/关按钮。可以将按钮从打开状态切换到关闭状态，反之亦然。此过程称为切换。
切换按钮的示例：

• 我们配电盘上的按钮是切换按钮的最佳示例。
• 我们手机上的某些按钮-火炬按钮，移动数据按钮，wifi按钮，飞行模式，蓝牙按钮可以打开或关闭。这些都是切换按钮。

方法：
现在，让我们看看如何在Bootstrap的帮助下设计HTML中的这些按钮。
示例1：默认切换按钮
HTML中的代码(使用Bootstrap)：

html

    

      
      
        TOGGLE
    

使用CSS的样式：

html

完整的代码：

html

    
        
        
 
        
        
       
 
        
        
      
 
        
        
      
 
        
 
        
 
        
 
        
        
        
        
        
      
 
        Buttons
 
        GeeksforGeeks
 
        
            .toggle {
                margin-top: 100px;
                font-size: 20px;
            }
            h1 {
                color: green;
                font-size: 30px;
            }
        
    
 
    
        
            
                
                
                  TOGGLE
              
            
        
    

输出：

开关使用自定义开关类将其更改为拨动开关。
可以在代码中进行少量修改以获得所需的结果
示例2：拨动开关也可以被赋予选中属性。如果这样做，则在页面加载时始终会预先选择切换按钮。
选中的属性是布尔型属性。
程式码片段：

html

    

        
        
          CHECKED TOGGLE BUTTON
      
    

输出：

示例3：我们还可以将disable属性添加到切换按钮。如果这样做，则将永远无法使用和单击该开关。
程式码片段：

html

    

        
        
          DISABLED TOGGLE BUTTON
    

输出：