html dom 输入单选对象与类型为“radio”的 元素关联。我们可以分别使用 createelement() 和 getelementbyid() 方法创建和访问带有 radio 类型的输入元素。
属性以下是输入 radio 对象的属性 - p>
sr.no属性和说明
1 自动聚焦设置或返回单选按钮是否在页面加载时自动获得焦点。 p>
2 选中设置或返回单选按钮选中状态
3 defaultchecked返回选中的单选按钮的属性默认值
4 defaultvalue设置或返回单选按钮默认值。
5 禁用 p>设置或返回是否禁用单选按钮
6 表单返回对包含单选按钮的表单的引用
7 名称设置或返回单选按钮的名称属性值。
8必需设置或返回是否在提交表单之前强制检查单选按钮。
9 类型返回单选按钮的表单元素类型。
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按钮 −
在上面的示例中 −
我们创建了一个名为create的按钮，当用户点击时将执行createradio()方法 −
<button type=”button” onclick="createradio()">create</button>
createradio() 方法使用文档对象的 createelement() 方法通过传递“input”作为参数来创建 元素。新创建的输入元素被分配给变量 r，并使用 setattribute() 方法我们创建一个带有值单选的类型属性。
记住，setattribute() 创建属性并在属性不存在时分配值先前存在。最后，在文档主体上使用appendchild()方法，我们附加类型为radio的输入元素作为主体的子元素 -
function createpass() { var r = document.createelement("input"); r.setattribute("type", "radio"); document.body.appendchild(r);}
以上就是html dom input radio 对象的详细内容。