您的当前位置：首页 html中<radio>单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose

html中<radio>单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose

来源：酷申汽车网

Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中每出现一次，一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。由www.169it.com搜集整理

一、单选按钮控件语法

使用html input标签，name为自定义，type类型为“radio”的表单.

二、radio单选按钮代码举例

1、html代码片段：

2.举例代码片段二(默认选中设置举例):

学生

教师

管理员

在代码举例二种， checked="checked" 表示默认选中项设置。

3.代码举例三(js操作radio):

//选中2返回的也是1，找到第一个ID为该值的DOM，弹出 1

function getVById(){alert(document.getElementById('test11').value);}

function getVByName(){

var tt = document.getElementsByName('test11');

for (var iIndex = 0; iIndex < tt.length ; iIndex++ )

{

if(tt[iIndex].checked)

{

alert(tt[iIndex].value);

break;

}

};

-->

http://www.169it.com

测试1

测试2

文章来源:html中单选按钮控件标签用法解析及如何设置默认选中

html中&lt;radio&gt;单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose

html中<radio>单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose