700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html单选框 disabled HTML Input Radio disabled用法及代码示例

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

时间:2023-05-12 02:20:11

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。