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