Input Radio对象用于访问或创建type =“ radio”的输入元素。
用法:
- 要访问输入元素,类型=“ radio”。
document.getElementById("ID");
- 要创建输入元素,请输入type =“ radio”。
var GFG = document.createElement("INPUT"); x.setAttribute("type", "radio");
属性值:
值 | 描述 |
---|---|
autofocus | 它指出在页面加载时单选按钮是否应该自动获得焦点。 |
checked | 它返回单选按钮的检查状态。 |
defaultChecked | 它返回checked属性的默认值。 |
defaultValue | 它返回单选按钮的默认值。 |
disabled | 返回是否禁用单选按钮。 |
form | 它返回对包含单选按钮的表单的引用。 |
name | 它返回单选按钮的name属性的值。 |
required | 它返回是否在提交表单之前必须选中单选按钮。 |
type | 它返回单选按钮是哪种类型的表单元素。 |
value | 它返回单选按钮的value属性的值。 |
示例1:访问输入对象类型=“ radio”
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Input Radio Object</h2>
<h3>An example access a Radio Button</h3>
Radio Button:
<input type="radio"
checked=true
id="radioID">
<p>Click the button to uncheck it.</p>
<button onclick="GFG()">
Click!
</button>
<script>
function GFG() {
// Accessing input element
// type="radio"
var x =
document.getElementById("radioID");
x.checked = false;
}
</script>
</body>
</html>
输出:
点击之前:
单击后:
示例-2:创建输入元素type =“ radio”。
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Input Radio Object
</h2>
<p>Click to create a Radio Button.
</p>
<button onclick="myFunction()">
Create
</button>
<br>
<script>
function myFunction() {
// Creating input element
// type="radio"
var x =
document.createElement("INPUT");
x.setAttribute("type", "radio");
document.body.appendChild(x);
}
</script>
</body>
</html>
输出:
点击之前:
单击后:
支持的浏览器:
- 谷歌浏览器
- 火狐浏览器
- Edge
- Safari
- Opera
相关用法
- HTML Input Radio required用法及代码示例
- HTML Input Radio value用法及代码示例
- HTML Input Radio name用法及代码示例
- HTML Input Radio type用法及代码示例
- HTML Input Radio form用法及代码示例
- HTML Input Radio disabled用法及代码示例
- HTML Input Radio defaultChecked用法及代码示例
- HTML Input Radio checked用法及代码示例
- HTML Input Radio autofocus用法及代码示例
- HTML Input Radio defaultvalue用法及代码示例
- HTML input radio用法及代码示例
- HTML DOM Object用法及代码示例
- HTML DOM Input Week用法及代码示例
- HTML DOM Input Button用法及代码示例
- HTML DOM Input Submit用法及代码示例
- HTML DOM Input URL用法及代码示例
- HTML DOM Input Time用法及代码示例
- HTML DOM Input Hidden用法及代码示例
- HTML DOM Input Range用法及代码示例
- HTML DOM Input Reset用法及代码示例
- HTML DOM Input Number用法及代码示例
- HTML DOM Input Password用法及代码示例
- HTML DOM Input Color用法及代码示例
- HTML DOM Input Datetime用法及代码示例
注:本文由纯净天空筛选整理自apeksharustagi1998大神的英文原创作品 HTML | DOM Input Radio Object。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。