html单选框 disabled,HTML Input Radio disabled用法及代码示例

DOM输入单选禁用属性用于设置或返回是否必须禁用单选按钮。禁用的单选按钮为un-clickable，无法使用。它是一个布尔属性，用于反映HTML Disabled属性。默认情况下，在所有浏览器中通常以灰色显示。

用法:

它返回禁用的属性。radioObject.disabled

用于设置禁用的属性。radioObject.disabled = true|false

属性值：

true:它定义了输入单选按钮被禁用。

False:它具有默认值。它定义不禁用单选按钮。

返回值：它返回一个布尔值，表示是否禁用了单选按钮。

示例1：本示例说明了如何返回属性。

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio Disabled Property

Radio Button:

checked=true

id="radioID"

value="Geeks_radio"

name="Geek_radio"

disabled>

Click!

style="font-size:25px;

color:green;">

function GFG() {

// Accessing input element

// type="radio"

var x =

document.getElementById(

"radioID").disabled;

document.getElementById(

"GFG").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明了如何设置Disabled属性。

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio Disabled Property

Radio Button:

checked=true

id="radioID"

value="Geeks_radio"

name="Geek_radio"

disabled>

Click!

style="font-size:25px;

color:green;">

function GFG() {

// Accessing input element

// type="radio"

var x =

document.getElementById(

"radioID").disabled = "false";

document.getElementById(

"GFG").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM输入Radio禁用属性支持的浏览器：

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari