html单选按钮的value属性,HTML Input Radio value用法及代码示例

HTML DOM中的DOM输入单选值属性用于设置或返回输入单选字段的值。该属性指定默认值或用户类型值。

用法:

它返回value属性。radioObject.value

用于设置value属性。radioObject.value = number

属性值：它包含一个值，即与“输入”单选字段关联的值。

返回值：它返回一个字符串值，该值表示单选按钮的value属性的值。

示例1：本示例说明了如何返回值Property。

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio value Property

Radio Button:

checked=true

id="radioID"

value="Geeks_radio">

Click!

style="font-size:25px;

color:green;">

function GFG() {

// Accessing input element

// type="radio"

var x =

document.getElementById(

"radioID").value;

document.getElementById(

"GFG").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明了如何设置属性。

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

HTML DOM Input Radio value Property

Radio Button:

checked=true

id="radioID"

value="Geeks_radio">

Click!

style="font-size:25px;

color:green;">

function GFG() {

// Accessing input element

// type="radio"

var x =

document.getElementById(

"radioID").value = "Hellogeeks";

document.getElementById(

"GFG").innerHTML =

"The value was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM输入Radio value属性支持的浏览器：

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari