HTML DOM Input Radio 对象
htmlweb developmentfront end technology更新于 2024/5/18 2:52:17
HTML DOM Input Radio 对象与类型为"radio"的 <input> 元素关联。我们可以分别使用 createElement() 和 getElementById() 方法创建和访问类型为 radio 的输入元素。
属性
以下是输入单选按钮对象 − 的属性
| Sr.No | 属性 &说明 |
|---|---|
| 1 | Autofocus 设置或返回单选按钮在页面加载时是否自动获得焦点。 |
| 2 | Checked 设置或返回单选按钮的选中状态。 |
| 3 | defaultChecked 返回单选按钮的 checked 属性默认值 |
| 4 | defaultValue 设置或返回单选按钮的默认值。 |
| 5 | Disabled 设置或返回单选按钮是否应禁用，或不 |
| 6 | Form 返回包含单选按钮的表单的引用 |
| 7 | Name 设置或返回单选按钮的 name 属性值。 |
| 8 | Required 设置或返回在提交表单之前是否必须选中单选按钮。 |
| 9 | Type 返回单选按钮的表单元素类型。 |
| 10 | Value 设置或返回单选按钮的 value 属性值按钮。 |
语法
以下是语法 −
创建一个输入单选按钮对象。
var R = document.createElement(“INPUT");
R.setAttribute("type", "radio");
示例
让我们看一个输入单选按钮对象的示例 −
<!DOCTYPE html>
<html>
<head>
<script>
function createRadio() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>
输出
这将产生以下输出 −
点击"创建"按钮 −
在上面的例子中 −
我们创建了一个 CREATE 按钮，当用户点击该按钮时，它将执行 createRadio() 方法 −
<button type=”button” onclick="createRadio()">CREATE</button>
createRadio() 方法使用 document 对象的 createElement() 方法，通过传递 “INPUT” 来创建 <input> 元素。作为参数。新创建的输入元素被赋值给变量 R，并使用 setAttribute() 方法创建一个类型为 radio 的属性。
记住，setAttribute() 会创建该属性，如果该属性之前不存在，则会赋值。最后，在文档主体上使用 appendChild() 方法，我们将类型为 radio 的输入元素作为主体的子元素附加 −
function createPASS() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
