200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html代码中radio HTML DOM Input Radio用法及代码示例

html代码中radio HTML DOM Input Radio用法及代码示例

时间:2024-05-02 20:59:44

相关推荐

html代码中radio HTML DOM Input Radio用法及代码示例

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”

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio Object

An example access a Radio Button

Radio Button:

checked=true

id="radioID">

Click the button to uncheck it.

Click!

function GFG() {

// Accessing input element

// type="radio"

var x =

document.getElementById("radioID");

x.checked = false;

}

输出:

点击之前:

单击后:

示例-2:创建输入元素type =“ radio”。

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio Object

Click to create a Radio Button.

Create

function myFunction() {

// Creating input element

// type="radio"

var x =

document.createElement("INPUT");

x.setAttribute("type", "radio");

document.body.appendChild(x);

}

输出:

点击之前:

单击后:

支持的浏览器:

谷歌浏览器

火狐浏览器

Edge

Safari

Opera

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