如何使用 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