DOM输入单选禁用属性用于设置或返回是否必须禁用单选按钮。禁用的单选按钮为un-clickable,无法使用。它是一个布尔属性,用于反映HTML Disabled属性。默认情况下,在所有浏览器中通常以灰色显示。
用法:
- 它返回禁用的属性。
radioObject.disabled
- 用于设置禁用的属性。
radioObject.disabled = true|false
属性值:
- true:它定义了输入单选按钮被禁用。
- False:它具有默认值。它定义不禁用单选按钮。
返回值:它返回一个布尔值,表示是否禁用了单选按钮。
示例1:本示例说明了如何返回属性。
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
HTML DOM Input Radio Disabled Property
</h2>
<form id="myGeeks">
Radio Button:
<input type="radio"
checked=true
id="radioID"
value="Geeks_radio"
name="Geek_radio"
disabled>
<br>
<br>
</form>
<button onclick="GFG()">
Click!
</button>
<p id="GFG"
style="font-size:25px;
color:green;">
</p>
<script>
function GFG() {
// Accessing input element
// type="radio"
var x =
document.getElementById(
"radioID").disabled;
document.getElementById(
"GFG").innerHTML = x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例说明了如何设置Disabled属性。
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
HTML DOM Input Radio Disabled Property
</h2>
<form id="myGeeks">
Radio Button:
<input type="radio"
checked=true
id="radioID"
value="Geeks_radio"
name="Geek_radio"
disabled>
<br>
<br>
</form>
<button onclick="GFG()">
Click!
</button>
<p id="GFG"
style="font-size:25px;
color:green;">
</p>
<script>
function GFG() {
// Accessing input element
// type="radio"
var x =
document.getElementById(
"radioID").disabled = "false";
document.getElementById(
"GFG").innerHTML = x;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM输入Radio禁用属性支持的浏览器:
- 谷歌浏览器
- Internet Explorer 10.0以上
- Firefox
- Opera
- Safari
相关用法
- HTML Input Radio name用法及代码示例
- HTML Input Radio value用法及代码示例
- HTML Input Radio defaultChecked用法及代码示例
- HTML Input Radio checked用法及代码示例
- HTML Input Radio form用法及代码示例
- HTML Input Radio defaultvalue用法及代码示例
- HTML Input Radio required用法及代码示例
- HTML Input Radio type用法及代码示例
- HTML Input Radio autofocus用法及代码示例
- HTML Input URL disabled用法及代码示例
- HTML Input Text disabled用法及代码示例
- HTML Input DatetimeLocal disabled用法及代码示例
- HTML Input Button disabled用法及代码示例
- HTML Input Time disabled用法及代码示例
- HTML Input Range disabled用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Radio disabled Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。