📌  相关文章
📜  如何使用 JavaScript 禁用单选按钮?

📅  最后修改于: 2022-05-13 01:56:20.407000             🧑  作者: Mango

如何使用 JavaScript 禁用单选按钮?

在 HTML 中,我们有一个功能,通过它我们可以从多个给定选项中选择一个选项,我们可以在单选按钮的帮助下做到这一点。因此,在本文中,我们将学习如何在某些情况下禁用这些单选按钮。我们将了解单选按钮的工作原理以及为什么需要禁用它们,我们将提供一些标准示例来更好地理解我们将要做什么。

单选按钮基本上是一些可选按钮,我们可以使用这些按钮从多个给定选项中选择一个选项,我们必须从所有单选按钮选项中选择几乎一个选项。

为什么我们需要禁用它们?

我们使用单选按钮从多个选项中选择任何一个选项,但在某些情况下,我们必须禁用它们。例如,我们有两个问题,我们是否喜欢玩游戏,如果我们选择是,那么我们可以从多个选项中选择任何选项,但是如果我们首先选择否,那么我们必须禁用我们使用的那些游戏选项不能选择它们,我们将在示例中看到这一点并获得更好的理解。

我们将如何禁用单选按钮:在 HTML 中,对于 input 元素,我们有一个名为 disabled 的属性,这是一个布尔值属性,我们可以在 true 或 false 之间进行选择,我们将使用此属性来禁用单选按钮。

示例 1:在此示例中,我们有两个问题,第一个问题是“是”“否”问题,如果用户选择“是”,则单选按钮不会被禁用,如果用户选择“否”,那么我们将禁用单选按钮。

HTML


 

 
    
    

 

    
        

Do you listen musing while coding?

          
                                  
          

            If yes, What kind of music             do you prefer?         

                  
                                                            
               
        


HTML


 

 
    
    

 

    
        

What kind of meal do you prefer?

          
                                  
          

Veg menu

                  
                                               
          

Non-veg Menu

                  
                                               
             
        


输出:

示例 2:在此示例中,我们将有三个问题,在第一个问题的基础上,我们将从其余两个问题中禁用一个问题,反之亦然。

HTML



 

 
    
    

 

    
        

What kind of meal do you prefer?

          
                                  
          

Veg menu

                  
                                               
          

Non-veg Menu

                  
                                               
             
        

输出: